@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");:root{--font-sans:"DM Sans",system-ui,sans-serif;--color-primary:rgb(83,204,230);--color-primary-hex:#53cce6;--color-primary-foreground:rgb(0,0,46);--color-secondary:rgb(0,0,46);--color-secondary-hex:#00002e;--color-secondary-foreground:rgb(255,255,255);--color-status-open:rgb(59,130,246);--color-status-active:rgb(83,204,230);--color-status-pending:rgb(245,158,11);--color-status-waiting:rgb(139,92,246);--color-status-resolved:rgb(34,197,94);--color-status-closed:rgb(107,114,128);--color-priority-low:rgb(34,197,94);--color-priority-normal:rgb(83,204,230);--color-priority-high:rgb(245,158,11);--color-priority-urgent:rgb(239,68,68);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px}:root[data-theme-mode=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-surface-2:#334155;--color-border:rgba(83,204,230,0.15);--color-border-strong:rgba(83,204,230,0.3);--color-text:#f1f5f9;--color-text-muted:rgba(241,245,249,0.7);--color-text-subtle:rgba(241,245,249,0.5);--color-sidebar-bg:#00002e;--color-sidebar-text:rgba(255,255,255,0.6);--color-sidebar-text-active:#53cce6;--color-sidebar-active-bg:rgba(83,204,230,0.12);--color-sidebar-hover-bg:rgba(255,255,255,0.06);--color-sidebar-brand:#ffffff;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-glow:0 0 0 3px rgba(83,204,230,0.2)}:root[data-theme-mode=dark] .alert-error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3);color:rgb(252,165,165)}:root[data-theme-mode=dark] .alert-success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3);color:rgb(134,239,172)}:root[data-theme-mode=dark] .alert-warning{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.3);color:rgb(252,211,77)}[data-theme=minimal]{--color-bg:#ffffff;--color-surface:#ffffff;--color-surface-elevated:#f9fafb;--color-surface-2:#f9fafb;--color-border:#f0f0f0;--color-border-strong:#e5e7eb;--color-text:#111827;--color-text-muted:#6b7280;--color-text-subtle:#9ca3af;--color-sidebar-bg:#ffffff;--color-sidebar-text:#6b7280;--color-sidebar-text-active:#00002e;--color-sidebar-active-bg:rgba(83,204,230,0.08);--color-sidebar-hover-bg:#f9fafb;--color-sidebar-brand:#00002e;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.06);--shadow-glow:0 0 0 3px rgba(83,204,230,0.15)}[data-theme=soft-grey]{--color-bg:#f5f5f5;--color-surface:#ffffff;--color-surface-elevated:#f5f5f5;--color-surface-2:#f0f0f0;--color-border:#e5e5e5;--color-border-strong:#d4d4d4;--color-text:#171717;--color-text-muted:#525252;--color-text-subtle:#a3a3a3;--color-sidebar-bg:#f0f0f0;--color-sidebar-text:#525252;--color-sidebar-text-active:#00002e;--color-sidebar-active-bg:#ffffff;--color-sidebar-hover-bg:#e8e8e8;--color-sidebar-brand:#00002e;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-glow:0 0 0 3px rgba(83,204,230,0.18)}:root,[data-theme=navy-sidebar]{--color-bg:#f8fafc;--color-surface:#ffffff;--color-surface-elevated:#f1f5f9;--color-surface-2:#f1f5f9;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-muted:#475569;--color-text-subtle:#94a3b8;--color-sidebar-bg:#00002e;--color-sidebar-text:rgba(255,255,255,0.6);--color-sidebar-text-active:#53cce6;--color-sidebar-active-bg:rgba(83,204,230,0.12);--color-sidebar-hover-bg:rgba(255,255,255,0.06);--color-sidebar-brand:#ffffff;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-glow:0 0 0 3px rgba(83,204,230,0.2)}*{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body{margin:0;background:var(--color-bg);color:var(--color-text);font-size:15px;line-height:1.5;transition:background .25s ease,color .25s ease}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease,opacity .15s ease}a:hover{opacity:.85;text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width,240px);flex-shrink:0;background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;transition:width .2s ease,background .25s ease,border-color .25s ease;position:sticky;top:0;height:100vh;overflow-y:auto;color:var(--color-sidebar-text)}.sidebar.collapsed{--sidebar-width:64px;padding:var(--space-xl) var(--space-sm)}.sidebar.collapsed .sidebar-availability-label,.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-nav-divider,.sidebar.collapsed .sidebar-nav-label,.sidebar.collapsed .sidebar-user-name,.sidebar.collapsed .sidebar-user-role,.sidebar.collapsed .theme-mode-label,.sidebar.collapsed .theme-switcher{display:none}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar.collapsed .sidebar-nav a{justify-content:center;padding:var(--space-sm)}.sidebar.collapsed .sidebar-nav a span{margin:0}.sidebar.collapsed .sidebar-user-block{align-items:center;padding-top:var(--space-lg)}[data-theme=navy-sidebar] .sidebar{border-right-color:rgba(83,204,230,.12)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-md);font-size:1.125rem;font-weight:700;color:var(--color-sidebar-brand);margin-bottom:var(--space-2xl);letter-spacing:-.02em;transition:color .25s ease}.sidebar.collapsed .sidebar-brand-link{justify-content:center}.sidebar-brand-logo{display:block}.login-brand{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.login-brand-logo{display:block;border-radius:var(--radius-md);object-fit:cover;box-shadow:0 2px 12px rgba(0,0,0,.08)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar-nav a{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-sidebar-text);text-decoration:none;font-weight:500;transition:background .15s ease,color .15s ease}.sidebar-nav a span{flex:1 1;min-width:0}.sidebar-nav a:hover{background:var(--color-sidebar-hover-bg);color:var(--color-sidebar-text-active);text-decoration:none}.main-content{flex:1 1;padding:var(--space-xl);max-width:1400px;margin:0 auto;width:100%;background:var(--color-bg);transition:background .25s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-sans);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:var(--color-primary-foreground)}.btn-primary:hover{background:rgb(100,215,238);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:rgba(83,204,230,.06);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:rgba(83,204,230,.06);color:var(--color-primary)}.input,.select,.textarea{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:.9375rem;color:var(--color-text);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease,background .25s ease,color .25s ease}.input::placeholder,.textarea::placeholder{color:var(--color-text-subtle)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.textarea{min-height:120px;resize:vertical}.label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.form-group{margin-bottom:var(--space-lg)}.theme-switcher{display:flex;gap:6px;padding:var(--space-sm) 0}.theme-swatch{width:22px;height:22px;border-radius:var(--radius-sm);border:2px solid var(--color-border);cursor:pointer;transition:border-color .2s,transform .15s;position:relative}.theme-swatch:hover{transform:scale(1.15)}.theme-swatch.active{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(83,204,230,.25)}.theme-swatch[data-swatch=minimal]{background:#ffffff}.theme-swatch[data-swatch=soft-grey]{background:linear-gradient(135deg,#f0f0f0 50%,#ffffff 0)}.theme-swatch[data-swatch=navy-sidebar]{background:linear-gradient(90deg,#00002e 40%,#ffffff 0)}[data-theme=navy-sidebar] .theme-swatch{border-color:rgba(255,255,255,.2)}[data-theme=navy-sidebar] .theme-swatch.active{border-color:var(--color-primary)}.alert{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:var(--space-lg)}.alert-error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:rgb(185,28,28)}.alert-success{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);color:rgb(21,128,61)}.alert-warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);color:rgb(180,83,9)}@media (max-width:900px){.app-shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-lg)}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-sm)}.main-content{padding:var(--space-lg)}}@media (max-width:640px){.main-content{padding:var(--space-md)}}.wizard-stepper{padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.wizard-step,.wizard-stepper{display:flex;align-items:center;gap:var(--space-sm)}.wizard-step-number{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;transition:background .2s ease,color .2s ease}.wizard-step-number.active{background:var(--color-secondary);color:var(--color-secondary-foreground)}.wizard-step-number.done{background:var(--color-primary);color:var(--color-primary-foreground)}.wizard-step-number.pending{background:var(--color-surface-elevated);color:var(--color-text-subtle);border:1.5px solid var(--color-border)}.wizard-step-label{font-size:.8125rem;font-weight:500;transition:color .2s ease}.wizard-step-label.active{color:var(--color-text);font-weight:600}.wizard-step-label.done{color:var(--color-text-muted)}.wizard-step-label.pending{color:var(--color-text-subtle)}.wizard-step-divider{flex:1 1;max-width:40px;height:1px;background:var(--color-border)}.summary-card{padding:var(--space-md) var(--space-lg);background:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-md)}.summary-card-content{flex:1 1;min-width:0}.summary-card-label{font-size:.6875rem;font-weight:700;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}.summary-card-value{font-weight:600;font-size:.9375rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-section-label{font-size:.6875rem;font-weight:700;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.07em;margin:0 0 var(--space-sm) 0}.contact-suggested-row{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;cursor:pointer;font-family:var(--font-sans);text-align:left;color:var(--color-text);transition:background .12s ease}.contact-suggested-row:hover{background:rgba(83,204,230,.05)}.contact-avatar{width:32px;height:32px;border-radius:50%;background:rgba(83,204,230,.12);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;flex-shrink:0}.contact-or-divider{display:flex;align-items:center;gap:var(--space-md)}.contact-or-divider:after,.contact-or-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.contact-or-divider span{font-size:.8125rem;color:var(--color-text-subtle);font-weight:500}.contact-create-toggle{display:flex;align-items:center;gap:var(--space-xs);background:none;border:1.5px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-text-muted);width:100%;transition:border-color .15s ease,color .15s ease,background .15s ease}.contact-create-toggle:hover{border-color:var(--color-primary);color:var(--color-text);background:rgba(83,204,230,.04)}.store-select-group-label{padding:var(--space-xs) var(--space-md);font-size:.6875rem;font-weight:700;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.07em;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.option-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:var(--space-sm);font-family:var(--font-sans);width:100%;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.option-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md),0 0 0 3px rgba(83,204,230,.1);transform:translateY(-1px)}.option-card:active{transform:translateY(0)}.option-card-icon{width:40px;height:40px;border-radius:var(--radius-md);background:rgba(83,204,230,.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs);flex-shrink:0}.option-card-title{font-size:.9375rem;font-weight:600;color:var(--color-text);line-height:1.3}.option-card-desc{font-size:.8125rem;color:var(--color-text-muted);font-weight:400;line-height:1.5}.ticket-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-xl);align-items:start}@media (max-width:880px){.ticket-detail-layout{grid-template-columns:1fr}}.resizable-img-wrapper:hover .img-fullscreen-btn,.rich-content img:hover+.img-fullscreen-btn{opacity:1!important}.rich-content .img-wrapper{position:relative;display:inline-block;line-height:0;max-width:100%}.rich-content .img-wrapper:hover .img-fullscreen-btn{opacity:1!important}.rich-content .img-wrapper .img-fullscreen-btn{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;border:none;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;opacity:0;transition:opacity .15s;z-index:2;padding:0}.rich-content img{max-width:100%;height:auto}.resizable-img-wrapper{max-width:100%}.mention-chip{display:inline-flex;align-items:center;padding:1px 7px;border-radius:var(--radius-full,9999px);background:rgba(var(--color-primary-rgb,14 165 233),.12);color:var(--color-primary,#0ea5e9);font-weight:600;font-size:.875em;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none}.mention-dropdown{min-width:200px;max-width:280px;max-height:220px;overflow-y:auto;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,8px);box-shadow:0 4px 20px rgba(0,0,0,.12);padding:4px}.mention-dropdown-empty{padding:10px 12px;font-size:.8125rem;color:var(--color-text-muted,#9ca3af);text-align:center}.mention-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;background:transparent;border-radius:var(--radius-md,6px);cursor:pointer;text-align:left;transition:background .1s}.mention-dropdown-item.is-selected,.mention-dropdown-item:hover{background:rgba(var(--color-primary-rgb,14 165 233),.08)}.mention-dropdown-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--color-primary,#0ea5e9);color:var(--color-primary-foreground,#fff);font-size:.6875rem;font-weight:700;flex-shrink:0}.mention-dropdown-label{font-size:.875rem;font-weight:500;color:var(--color-text,#111827)}.tippy-box[data-theme~=mention]{background:transparent;box-shadow:none}.tippy-box[data-theme~=mention]>.tippy-content{padding:0}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}