@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:14px}body{margin:0;min-height:100vh;background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}::-moz-selection{background:#4f46e5;color:#fff}::selection{background:#4f46e5;color:#fff}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;padding:8px 12px;outline:none;transition:border-color .15s,box-shadow .15s}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6366f126}.input:disabled{opacity:.5;cursor:not-allowed}.input.note-mode{border-color:var(--warning)}.input.note-mode:focus{box-shadow:0 0 0 2px #f59e0b33}textarea.input{resize:vertical;min-height:80px}select.input{cursor:pointer}select.input option{background:var(--bg-card);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-sans);font-size:.875rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s,opacity .15s,transform .1s,box-shadow .15s;white-space:nowrap;padding:7px 14px;line-height:1.4}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:4px 10px!important;font-size:.8125rem!important}.btn-icon{padding:6px!important;border-radius:var(--radius-sm)!important}.btn-primary{background:var(--accent);color:#fff;border:1px solid transparent}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-danger{background:rgba(239,68,68,.12);color:var(--danger);border:1px solid rgba(239,68,68,.25)}.btn-danger:hover:not(:disabled){background:rgba(239,68,68,.2);border-color:#ef444466}.btn-success{background:rgba(34,197,94,.12);color:var(--success);border:1px solid rgba(34,197,94,.25)}.btn-success:hover:not(:disabled){background:rgba(34,197,94,.2);border-color:#22c55e66}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-input);border-color:var(--border-light)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:20px;line-height:1.5;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.badge-success{background:rgba(34,197,94,.12);color:#4ade80}.badge-error{background:rgba(239,68,68,.12);color:#f87171}.msg-bubble{max-width:75%;padding:10px 14px;border-radius:var(--radius-lg);font-size:.875rem;line-height:1.6;word-break:break-word}.msg-bubble-user{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.25);color:var(--text-primary);border-bottom-left-radius:4px}.msg-bubble-admin{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-bottom-right-radius:4px}.msg-bubble-note{background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.28);border-top:2px solid rgba(245,158,11,.7);color:var(--text-primary);max-width:560px;width:90%;border-radius:var(--radius-md)}.msg-bubble-note-deleted{background:rgba(239,68,68,.06)!important;border-color:#ef444433!important;border-top-color:#ef44448c!important}.note-row{display:flex;justify-content:center}.note-meta-row{display:flex;align-items:center;gap:6px;color:#d97706e6;font-size:.75rem;font-weight:600;margin-bottom:6px}.note-meta-row small{color:var(--text-muted);font-weight:400}.note-content{color:var(--text-primary);font-size:.875rem;line-height:1.6;white-space:pre-wrap}.note-deleted-text{color:var(--text-muted);font-size:.8125rem;font-style:italic}.msg-bubble-deleted{opacity:.7;background:rgba(239,68,68,.07)!important;border-color:#ef44442e!important}.msg-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:.6875rem;color:var(--text-muted)}.msg-meta-user{justify-content:flex-start;padding-left:36px}.msg-meta-admin{justify-content:flex-end;padding-right:36px}.msg-deleted-meta{color:#f87171;font-weight:500}.read-check{color:var(--text-muted);flex-shrink:0}.read-check.seen{color:#3b82f6}.msg-delete-btn{border:0;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;cursor:pointer;opacity:.7;transition:opacity .12s,color .12s,background .12s}.msg-delete-btn:hover{color:var(--danger);background:rgba(239,68,68,.1);opacity:1}.msg-system{font-size:.75rem;color:var(--text-muted);text-align:center;font-style:italic;padding:4px 0}.msg-bubble code{background:rgba(0,0,0,.3);padding:1px 5px;border-radius:3px;font-size:.8125rem;font-family:Fira Code,monospace}.ticket-row{padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .12s;position:relative}.ticket-row:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;border-radius:0 3px 3px 0;background:transparent;transition:background .15s}.ticket-row:hover{background:var(--bg-hover)}.ticket-row.selected{background:rgba(99,102,241,.1)}.ticket-row.\!selected{background:rgba(99,102,241,.1)!important}.ticket-row.selected:before{background:var(--accent)}.ticket-row.\!selected:before{background:var(--accent)!important}.ticket-row.unread .ticket-subject{font-weight:600;color:var(--text-primary)}.ticket-row .ticket-subject{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-unread-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .12s,color .12s;text-decoration:none;position:relative;border:1px solid transparent}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:rgba(99,102,241,.15);color:var(--accent);border-color:#6366f133}.nav-item .nav-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:.6875rem;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.status-tabs{display:flex;gap:2px;padding:6px 10px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.status-tabs::-webkit-scrollbar{display:none}.status-tab{padding:4px 10px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background .1s,color .1s;border:none;background:transparent}.status-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.status-tab.active{background:rgba(99,102,241,.15);color:var(--accent)}.tab-count-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;padding:0 5px;min-width:18px;height:16px;background:rgba(99,102,241,.2);color:var(--accent);border-radius:8px;font-size:.6875rem;font-weight:600;line-height:1}.status-tab.active .tab-count-badge{background:rgba(99,102,241,.3)}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;overflow:hidden;min-width:160px;z-index:100}.dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.active{color:var(--accent)}.tag-pill{display:inline-flex;align-items:center;gap:3px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);font-size:.6875rem;padding:2px 8px;border-radius:20px;cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.tag-pill:hover,.tag-pill.active{background:rgba(99,102,241,.15);border-color:#6366f166;color:var(--accent)}.crm-layout{display:flex;height:100vh;overflow:hidden;background:var(--bg-base)}.crm-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.sidebar-collapse-btn,.crm-nav-mini-btn{width:30px;height:30px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.sidebar-collapse-btn:hover,.crm-nav-mini-btn:hover{color:var(--text-primary);border-color:#6366f159;background:rgba(99,102,241,.1)}.ticket-search-row{display:flex;align-items:center;gap:8px}.ticket-search-box{position:relative;flex:1;min-width:0}.crm-main{flex:1;display:flex;overflow:hidden;min-width:0}.crm-ticket-list{width:300px;min-width:300px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.crm-conversation{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--bg-base)}.crm-right-panel{width:var(--right-panel-width);min-width:var(--right-panel-width);background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid rgba(99,102,241,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-sm{width:12px!important;height:12px!important}.spinner-lg{width:24px!important;height:24px!important;border-width:3px!important}@keyframes skeleton-pulse{0%,to{opacity:.7}50%{opacity:.3}}.skeleton{background:var(--bg-hover);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;opacity:.5}.spinner{animation-duration:1.5s}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 24px 64px #0009;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-sm{max-width:420px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.snooze-quick-row{display:flex;flex-wrap:wrap;gap:6px}.snooze-menu{min-width:220px}.snooze-custom{margin-top:4px;padding:8px;border-top:1px solid var(--border);display:grid;gap:6px}.snooze-custom span{color:var(--text-muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.snooze-custom .input{padding:6px 8px;font-size:.76rem}.toggle-row{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-secondary);font-size:.8rem;line-height:1.35}.toggle-row input{margin-top:2px;accent-color:var(--accent)}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 16px;display:flex;align-items:center;gap:10px;min-width:280px;max-width:380px;font-size:.875rem;color:var(--text-primary);box-shadow:0 8px 24px #0006;pointer-events:all}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);padding:48px 24px;text-align:center}.rp-section{border-bottom:1px solid var(--border)}.rp-section:last-child{border-bottom:none}.rp-section-header{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 14px;color:var(--text-secondary);font-size:.8125rem;font-weight:600;text-align:left;transition:background .12s,color .12s}.rp-section-header:hover{background:var(--bg-hover);color:var(--text-primary)}.rp-title{flex:1}.rp-chevron{transition:transform .2s;flex-shrink:0}.rp-chevron.open{transform:rotate(180deg)}.rp-chevron.\!open{transform:rotate(180deg)!important}.rp-section-body{padding:4px 14px 14px;display:flex;flex-direction:column;gap:10px}.rp-avatar-strip{padding:12px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);flex-shrink:0}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:999;cursor:pointer}.lightbox-overlay img{max-width:90vw;max-height:90vh;border-radius:var(--radius-md);box-shadow:0 24px 64px #000c}.tab-btn.active{color:#818cf8;border-bottom-color:var(--accent)}.grid-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 640px){.grid-kpis{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.grid-kpis{grid-template-columns:repeat(4,1fr)}}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:16px;position:relative;overflow:hidden}.auth-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 30% 18%,rgba(37,99,235,.18),transparent 32%),radial-gradient(circle at 76% 8%,rgba(20,184,166,.14),transparent 30%)}.auth-card{width:100%;max-width:390px;position:relative;z-index:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:30px;display:flex;flex-direction:column;align-items:center;gap:22px}.auth-mark{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;box-shadow:0 16px 40px #2563eb40}.auth-title{margin:0;font-size:1.35rem;font-weight:800;color:var(--text-primary);font-family:var(--font-display)}.auth-subtitle{margin:6px 0 0;font-size:.875rem;color:var(--text-secondary)}.auth-note{display:flex;gap:7px;align-items:center;font-size:.75rem;color:var(--text-muted)}.attachment-chip{display:inline-flex;align-items:center;gap:7px;max-width:220px;border:1px solid var(--border);background:var(--bg-input);border-radius:var(--radius-md);padding:4px 6px 4px 4px}.attachment-chip img{width:28px;height:28px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.attachment-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:var(--text-secondary)}.attachment-chip button{border:0;background:transparent;color:var(--text-muted);display:flex;cursor:pointer;padding:2px}.attachment-chip button:hover{color:var(--danger)}.history-ticket{width:100%;text-align:left;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;cursor:pointer;transition:background .12s,border-color .12s}.history-ticket:hover{background:var(--bg-hover);border-color:var(--border-light)}.history-ticket span{display:block;font-size:.72rem;color:var(--accent);font-weight:700}.history-ticket small{display:block;margin-top:2px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-pill.tag-pill-soft,.tag-pill.tag-pill-soft:hover,.tag-pill.tag-pill-soft.active{--tag-color: var(--accent);background:color-mix(in srgb,var(--tag-color) 15%,transparent);border-color:color-mix(in srgb,var(--tag-color) 40%,transparent);color:color-mix(in srgb,var(--tag-color) 72%,#ffffff)}.tag-pill-soft button{border:0;background:transparent;color:currentColor;display:inline-flex;padding:0;cursor:pointer;opacity:.72}.tag-pill-soft button:hover{opacity:1}.ticket-agent-mini{color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);border-radius:999px;padding:1px 6px;font-size:.6rem;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-shell{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 24px #0000002e}.composer-shell.composer-note{border-color:#ef444461}.composer-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-input) 68%,transparent)}.composer-mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px}.composer-mode-switch button{border:0;border-radius:var(--radius-sm);padding:5px 10px;color:var(--text-secondary);background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700}.composer-mode-switch button.active{background:rgba(99,102,241,.18);color:#a5b4fc}.composer-mode-switch button.note-active{background:rgba(239,68,68,.16);color:#f87171}.composer-hint{color:var(--text-muted);font-size:.75rem;line-height:1.35}.composer-textarea{width:100%;min-height:92px;resize:vertical;border:0;outline:none;padding:12px;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:.9rem;line-height:1.55}.composer-textarea::-moz-placeholder{color:var(--text-muted)}.composer-textarea::placeholder{color:var(--text-muted)}.composer-textarea.note-mode{background:rgba(239,68,68,.045)}.composer-attachments{display:flex;gap:6px;flex-wrap:wrap;padding:0 10px 10px}.composer-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:9px 10px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-input) 48%,transparent)}.profile-stack{display:flex;flex-direction:column;gap:8px}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.profile-actions .btn{width:100%}.info-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;color:var(--text-muted);font-size:.8rem}.info-row strong{color:var(--text-secondary);font-size:.8rem;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.profile-note-line{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 9px;font-size:.76rem;line-height:1.45}.warning-list{display:flex;flex-direction:column;gap:7px}.warning-pill{display:flex;align-items:center;gap:7px;min-width:0;border:1px solid var(--border);border-radius:var(--radius-md);padding:7px 8px;color:var(--text-secondary);background:var(--bg-input);font-size:.76rem}.warning-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warning-pill small{margin-left:auto;min-width:0;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warning-danger{border-color:#ef444440;background:rgba(239,68,68,.08);color:#f87171}.warning-warning{border-color:#f59e0b40;background:rgba(245,158,11,.08);color:#fbbf24}.warning-info{border-color:#3b82f640;background:rgba(59,130,246,.08);color:#60a5fa}.warning-muted{color:var(--text-secondary)}.balance-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid rgba(34,197,94,.18);border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(59,130,246,.06))}.balance-card span{display:block;color:var(--text-muted);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.balance-card strong{display:block;color:var(--text-primary);font-size:.96rem;margin-top:2px}.balance-actions{display:flex;gap:5px}.balance-actions .btn-icon{width:28px;height:28px}.profile-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.profile-metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-metric-grid div{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px;min-width:0}.profile-metric-grid strong{display:block;color:var(--text-primary);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-metric-grid span{display:block;margin-top:1px;color:var(--text-muted);font-size:.58rem;line-height:1.2}.panel-subsection{display:flex;flex-direction:column;gap:8px}.subsection-title{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-weight:750;font-size:.78rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:5px}.muted-inline{color:var(--text-muted);font-size:.78rem}.tag-picker{display:flex;gap:5px;flex-wrap:wrap}.tag-picker button{--tag-color: var(--accent);border:1px solid color-mix(in srgb,var(--tag-color) 32%,var(--border));color:color-mix(in srgb,var(--tag-color) 72%,#ffffff);background:color-mix(in srgb,var(--tag-color) 10%,transparent);border-radius:999px;padding:3px 7px;cursor:pointer;font-size:.68rem;display:inline-flex;align-items:center;gap:3px}.tag-picker button:hover{background:color-mix(in srgb,var(--tag-color) 18%,transparent)}.custom-tag-row{display:grid;grid-template-columns:1fr auto;gap:6px}.custom-tag-row .input,.compact-select{padding:6px 8px;font-size:.78rem}.ticket-info-card{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-input) 62%,transparent);padding:9px;display:flex;flex-direction:column;gap:8px}.ticket-info-top{display:flex;gap:6px;flex-wrap:wrap}.ticket-locale-row{display:flex;flex-wrap:wrap;gap:6px}.ticket-locale-row span{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:3px 7px;font-size:.7rem}.compact-list{display:flex;flex-direction:column;gap:7px}.order-mini{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;color:inherit;text-decoration:none;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;transition:background .12s,border-color .12s}.order-mini:hover{background:var(--bg-hover);border-color:var(--border-light)}.order-mini strong,.user-note-mini strong{display:block;color:var(--text-primary);font-size:.75rem}.order-mini span,.user-note-mini span{display:block;color:var(--text-secondary);font-size:.7rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-mini>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0}.order-mini small,.user-note-mini small{color:var(--text-muted);font-size:.66rem}.user-note-mini{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;min-width:0}.modal-stack{display:flex;flex-direction:column;gap:13px}.field-label{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:.78rem;font-weight:750}.mode-explain{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px;background:var(--bg-input)}.mode-explain svg{flex-shrink:0;margin-top:1px}.mode-explain strong{display:block;color:var(--text-primary);font-size:.84rem}.mode-explain span{display:block;color:var(--text-secondary);font-size:.76rem;line-height:1.45;margin-top:2px}.mode-reply{border-color:#6366f140;background:rgba(99,102,241,.08)}.mode-note{border-color:#ef44443d;background:rgba(239,68,68,.08)}.mode-close{border-color:#22c55e38;background:rgba(34,197,94,.08)}.attachment-note{display:flex;align-items:center;gap:7px;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;font-size:.78rem}.balance-confirm{display:flex;align-items:center;gap:9px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-input);padding:8px 9px}.balance-confirm.add{border-color:#22c55e47;background:rgba(34,197,94,.08)}.balance-confirm.subtract{border-color:#ef444447;background:rgba(239,68,68,.08)}.balance-confirm span{display:block;color:var(--text-muted);font-size:.72rem}.balance-confirm strong{display:block;color:var(--text-primary);font-size:.92rem;margin-top:2px}.analytics-page,.templates-page{flex:1;overflow-y:auto;padding:24px;background:var(--bg-base)}.analytics-header,.templates-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.analytics-header h1,.templates-header h1{margin:0;font-size:1.55rem;font-weight:800;color:var(--text-primary)}.analytics-header p,.templates-header p{margin:5px 0 0;color:var(--text-secondary);font-size:.9rem}.analytics-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px;min-width:0}.kpi-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.kpi-label{color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.kpi-value{margin-top:8px;color:var(--text-primary);font-weight:800;font-size:1.7rem}.kpi-hint{margin-top:4px;color:var(--text-secondary);font-size:.78rem}.kpi-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(20,184,166,.12);color:#14b8a6;flex-shrink:0}.analytics-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-card-wide{grid-column:1 / -1}.chart-title{font-size:.85rem;color:var(--text-primary);font-weight:800;margin-bottom:12px}.tag-analytics-list,.agent-list{display:flex;flex-direction:column;gap:8px}.tag-analytics-list div{display:flex;justify-content:space-between;align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px}.tag-analytics-list span,.agent-list span,.tag-analytics-list p,.agent-list p{color:var(--text-secondary);font-size:.84rem}.tag-analytics-list strong{color:var(--text-primary)}.agent-list>div{display:flex;gap:10px;align-items:center;padding:8px 0}.agent-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(37,99,235,.12);color:#2563eb;flex-shrink:0}.agent-list strong{display:block;color:var(--text-primary);font-size:.86rem}.agent-list span{display:block;margin-top:2px}.ai-split{display:grid;gap:10px}.ai-split div{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px}.ai-split svg{color:#8b5cf6}.ai-split strong{color:var(--text-primary);font-size:1.1rem}.ai-split span{color:var(--text-secondary);font-size:.83rem}.templates-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.templates-toolbar select{width:auto;min-width:160px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.template-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px;min-height:178px}.template-card-head{display:flex;align-items:center;gap:8px}.template-card-head svg{color:var(--accent);flex-shrink:0}.template-card-head strong{flex:1;min-width:0;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card-head span{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border);border-radius:999px;padding:2px 7px;font-size:.68rem;text-transform:uppercase}.template-card p{margin:0;color:var(--text-secondary);font-size:.86rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.template-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.template-meta span{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:.7rem}.template-actions{display:flex;justify-content:flex-end;gap:8px}.template-form{display:flex;flex-direction:column;gap:12px}.template-form label{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:.8rem;font-weight:600}.template-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-header{display:none;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-surface);border-bottom:1px solid var(--border);height:52px}.mobile-back{display:none}.sidebar-desktop,.right-panel-desktop{display:flex!important;flex-direction:column}@media (max-width: 767px){.crm-layout{flex-direction:column}.crm-sidebar{display:none!important}.crm-main{flex-direction:column;height:calc(100vh - 52px)}.crm-ticket-list{width:100%;min-width:0;border-right:none;height:100%}.crm-ticket-list.hidden-mobile{display:none}.crm-conversation{height:100%}.crm-conversation.hidden-mobile{display:none}.crm-right-panel{display:none!important}.mobile-header{display:flex}.mobile-back{display:flex!important;align-items:center}.sidebar-desktop,.right-panel-desktop{display:none!important}.analytics-page,.templates-page{padding:16px}.analytics-header,.templates-header{flex-direction:column}.analytics-grid,.template-form-row{grid-template-columns:1fr}.templates-toolbar select{width:100%}}@media (min-width: 1024px){:root{--sidebar-width: 240px;--right-panel-width: 300px}.sidebar-toggle{display:none!important}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg-base: #090c14;--bg-surface: #0d1120;--bg-card: #131826;--bg-input: #181f30;--bg-hover: #1e2538;--border: #252d42;--border-light: #2d3650;--accent: #6366f1;--accent-hover: #4f46e5;--text-primary: #eef0f8;--text-secondary: #8b94b8;--text-muted: #525a7a;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--purple: #a855f7;--orange: #f97316;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-card: 0 0 0 1px rgba(255,255,255,.03), 0 4px 24px rgba(0,0,0,.5);--shadow-glow: 0 0 20px rgba(99,102,241,.25);--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--sidebar-width: 220px;--right-panel-width: 280px}@media (prefers-color-scheme: light){:root{--bg-base: #f5f7fb;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-input: #f1f5f9;--bg-hover: #e8eef7;--border: #d9e1ee;--border-light: #cbd5e1;--accent: #2563eb;--accent-hover: #1d4ed8;--text-primary: #101828;--text-secondary: #475467;--text-muted: #7a8699;--shadow-card: 0 0 0 1px rgba(15,23,42,.04), 0 12px 32px rgba(15,23,42,.08);--shadow-glow: 0 0 0 4px rgba(37,99,235,.12)}}