:root{--bg:#f3f5f9;--bg-elevated:#fff;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--primary:#1d4ed8;--primary-hover:#1e40af;--primary-soft:#eff6ff;--danger:#b91c1c;--danger-soft:#fef2f2;--success:#15803d;--success-soft:#f0fdf4;--warning:#b45309;--warning-soft:#fffbeb;--shadow:0 10px 30px #0f172a0f;--radius:4px;--sans:"Segoe UI", Inter, system-ui, sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:var(--sans);color:var(--text);background:var(--bg);margin:0;line-height:1.5}h1,h2,h3{color:var(--text);letter-spacing:-.03em;margin:0}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.1rem;font-weight:650}p{margin:0}a{color:var(--primary)}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.admin-frame{background:var(--bg);grid-template-columns:72px 1fr;min-height:100vh;transition:grid-template-columns .18s;display:grid}.admin-frame.is-expanded{grid-template-columns:220px 1fr}.sidebar{color:#cbd5e1;background:#0f172a;flex-direction:column;align-items:center;gap:18px;height:100vh;padding:16px 10px;display:flex;position:sticky;top:0}.sidebar.is-expanded{align-items:stretch;padding:16px 12px}.sidebar-brand{justify-content:center;align-items:center;padding:4px 0 8px;display:flex}.sidebar.is-expanded .sidebar-brand{justify-content:flex-start;padding:2px 4px 10px}.sidebar.is-expanded .brand-logo-wrap{width:100%}.sidebar.is-expanded .brand-logo{width:100%;max-width:176px;height:auto}.brand-mark{flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.brand-mark img{object-fit:contain;width:36px;height:36px;display:block}.side-nav{gap:8px;width:100%;display:grid}.side-link{color:#cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:44px;height:44px;margin:0 auto;text-decoration:none;display:flex}.sidebar.is-expanded .side-link{justify-content:flex-start;width:auto;height:42px;margin:0;padding:0 12px}.side-label{font-size:14px;font-weight:400;display:none}.sidebar.is-expanded .side-label{display:inline}.side-icon{flex-shrink:0;width:20px;height:20px;display:inline-flex}.side-icon svg{width:20px;height:20px}.side-link:hover{color:#fff;background:#ffffff0f}.side-link.active{color:#fff;background:#3b82f62e}.sidebar-toggle{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;margin-top:auto;display:grid}.sidebar.is-expanded .sidebar-toggle{justify-self:stretch;width:100%}.sidebar-foot{gap:10px;margin-top:auto;padding:8px;display:grid}.sidebar-user{align-items:flex-start}.admin-main{flex-direction:column;min-width:0;display:flex}.admin-topbar{border-bottom:1px solid var(--border);z-index:20;background:#f8fafc;justify-content:flex-end;align-items:center;padding:10px 24px;display:flex;position:sticky;top:0;box-shadow:0 8px 18px #0f172a0d}.client-shell .sidebar{background:#001f33}.admin-topbar.client-topbar,.topbar.client-topbar{background:#fff}.notify{position:relative}.notify-btn{border:1px solid var(--border);color:#334155;cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:relative}.notify-dot{background:var(--primary);color:#fff;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.notify-panel{width:min(360px,82vw);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);z-index:30;background:#fff;position:absolute;top:calc(100% + 8px);right:0}.notify-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.notify-head-actions{align-items:center;gap:8px;display:flex}.notify-head-actions button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:650}.notify-head-actions button:hover:not(:disabled){text-decoration:underline}.notify-head-actions button:disabled{color:#94a3b8;cursor:default}.notify-empty{color:var(--text-muted);padding:16px;font-size:14px}.notify-list{max-height:360px;overflow:auto}.notify-item{text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--border);background:#fff;gap:2px;width:100%;padding:10px 12px;display:grid}.notify-item strong{font-size:13px}.notify-item span{color:#475569;font-size:13px}.notify-item .notify-message{color:#0f172a;-webkit-line-clamp:4;white-space:pre-wrap;background:#f8fafc;border-radius:8px;-webkit-box-orient:vertical;margin-top:4px;padding:8px 10px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.notify-item em{color:#94a3b8;font-size:11px;font-style:normal}.notify-item.unread{background:#eff6ff}.ticket-preview{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;gap:6px;padding:0;text-decoration:none;display:grid}.ticket-preview:hover strong{color:var(--primary)}.page-desk{background:#fff;flex-direction:column;min-height:calc(100vh - 53px);padding:0;display:flex}.admin-main .page-desk{padding:0}.page-ticket,.desk-bleed.page-ticket{background:var(--bg)}.page-tickets{background:var(--bg);min-height:calc(100vh - 53px)}.admin-main .page-tickets{padding:20px 24px 28px}.desk-bleed{background:#fff;flex-direction:column;min-height:calc(100vh - 64px);margin:-20px -40px -32px;display:flex}.desk{background:0 0;flex:1;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:24px;min-height:auto;display:grid}.desk.desk-filters-off{grid-template-columns:1fr}.desk-main{flex-direction:column;min-width:0;display:flex}.desk-toolbar{background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:0 0 16px;display:flex}.desk-sort,.desk-toolbar-left,.desk-toolbar-right{color:var(--text-muted);align-items:center;gap:10px;font-size:13px;display:flex}.desk-sort{color:#64748b;font-weight:600}.desk-sort select,.inbox-status,.inbox-agent select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;width:auto;min-width:0;height:32px;min-height:32px;padding:2px 8px;font-size:13px}.desk-count{color:#94a3b8;white-space:nowrap;font-size:13px}.inbox-list{flex-direction:column;gap:12px;display:flex}.ticket-create-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:12px;padding:20px}.ticket-create-split{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:24px 28px;padding:28px;display:grid}.ticket-create-head{grid-column:1/-1}.ticket-create-title{align-items:flex-start;gap:12px;display:flex}.ticket-create-icon{color:#2563eb;background:#eef4ff;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:inline-grid}.ticket-create-head h1,.ticket-create-head h2{margin-bottom:4px}.ticket-create-head p{color:var(--text-muted);margin-bottom:0;font-size:14px}.ticket-create-main,.ticket-create-side{gap:18px;display:grid}.ticket-requester-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=720px){.ticket-requester-grid{grid-template-columns:1fr}}.ticket-create-side{align-content:start;gap:16px}.ticket-create-card textarea{min-height:120px}.ticket-create-split textarea{resize:vertical;height:auto;min-height:280px}.ticket-create-hint{margin:4px 0 0;font-size:13px}.ticket-field{gap:8px}.ticket-field>span{color:#0f172a;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.ticket-field>span small{color:#94a3b8;font-size:12px;font-weight:600}.ticket-field-help{color:#94a3b8;margin:-2px 0 0;font-size:12px}.ticket-editor-toolbar{border:1px solid var(--border);background:#fbfdff;border-bottom:0;border-radius:10px 10px 0 0;flex-wrap:wrap;align-items:center;gap:4px;min-height:36px;padding:6px 10px;display:flex}.ticket-editor-tool{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:24px;padding:0;font-size:13px;display:inline-grid}.ticket-editor-tool:hover{color:#1d4ed8;background:#eef2ff}.tiptap-wrapper{border:1px solid var(--border);background:#fff;border-radius:0 0 10px 10px;flex-direction:column;margin-top:-8px;display:flex;overflow:auto}.tiptap-wrapper:focus-within{border-color:#93c5fd;box-shadow:0 0 0 2px #2563eb1f}.tiptap-wrapper .tiptap{min-height:280px;color:var(--text);cursor:text;outline:none;flex:1;padding:12px 14px;line-height:1.6}.tiptap-wrapper .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#94a3b8;float:left;pointer-events:none;height:0}.tiptap-wrapper .tiptap ul,.tiptap-wrapper .tiptap ol{margin:0 0 0 1.25rem;padding:0}.tiptap-wrapper .tiptap blockquote{color:#475569;border-left:3px solid #cbd5e1;margin:0;padding-left:12px}.ticket-editor-tool.is-on{color:#1d4ed8;background:#dbeafe}.ticket-editor-sep{background:#e2e8f0;width:1px;height:18px;margin:0 2px}.reply-editor-toolbar{border-bottom:1px solid var(--border);background:#fbfdff;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px;display:flex}.reply-tiptap-wrapper{border:none!important;border-radius:0!important;margin-top:0!important}.reply-tiptap-wrapper .tiptap{min-height:120px;color:var(--text);outline:none;padding:10px 14px;line-height:1.6}.reply-tiptap-wrapper .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#94a3b8;float:left;pointer-events:none;height:0}.tiptap-wrapper .tiptap code{background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.tiptap-wrapper .tiptap pre{color:#e2e8f0;background:#1e293b;border-radius:8px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;overflow-x:auto}.tiptap-wrapper .tiptap pre code{color:inherit;background:0 0;border-radius:0;padding:0}.tiptap-wrapper .tiptap h2{margin:.5em 0 .25em;font-size:1.25em}.tiptap-wrapper .tiptap hr{border:none;border-top:2px solid #e2e8f0;margin:1em 0}.tiptap-wrapper .tiptap mark{background:#fef08a;border-radius:2px;padding:0 2px}.ticket-field .ticket-editor-toolbar+textarea{border-radius:0 0 10px 10px;margin-top:-8px}.ticket-priority-panel,.ticket-tips-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:18px}.priority-picks{grid-template-columns:1fr;gap:10px;display:grid}.priority-pick{text-align:left;color:var(--text);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex;box-shadow:0 1px 2px #0f172a08}.priority-pick:hover{border-color:#93c5fd}.priority-pick-copy{gap:2px;display:grid}.priority-pick-copy strong{font-size:14px;font-weight:700}.priority-pick-copy small{color:#64748b;font-size:11px;line-height:1.35}.priority-pick-icon{border-radius:999px;flex-shrink:0;place-items:center;width:28px;height:28px;display:inline-grid}.priority-pick-icon-low{color:#16a34a;background:#dcfce7}.priority-pick-icon-medium{color:#ea580c;background:#ffedd5}.priority-pick-icon-high{color:#dc2626;background:#fee2e2}.priority-pick-radio{border:2px solid #cbd5e1;border-radius:999px;flex-shrink:0;width:16px;height:16px;margin-left:auto}.priority-pick.is-on{border-color:var(--primary);color:var(--primary);background:#f8fbff;box-shadow:0 0 0 3px #2563eb14}.priority-pick-high.is-on{color:#b91c1c;background:#fef2f2;border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.priority-pick-medium.is-on{color:#c2410c;background:#fff7ed;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c14}.priority-pick.is-on .priority-pick-radio{background:currentColor;border-color:currentColor;box-shadow:inset 0 0 0 3px #fff}.ticket-create-alert{grid-column:1/-1}.ticket-create-actions{border-top:1px solid var(--border);grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.attach-drop{color:#475569;cursor:pointer;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:10px 16px;font-size:13px;display:flex;position:relative}.attach-drop strong{color:var(--text);font-size:14px}.attach-drop svg{color:#4f46e5}.attach-drop.is-over{border-color:var(--primary);background:var(--primary-soft)}.attach-drop input{opacity:0;cursor:pointer;height:100%;min-height:0;position:absolute;inset:0}.attach-previews{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.attach-previews li{width:72px;height:72px;position:relative}.attach-file-tile,.ticket-attach-file{border:1px solid var(--border);color:#1d4ed8;text-align:center;background:#eff6ff;border-radius:8px;place-items:center;width:100%;height:100%;padding:8px;font-size:12px;font-weight:700;display:grid}.attach-previews img,.ticket-card-thumbs img,.ticket-attach-item img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:100%;height:100%;display:block}.attach-previews button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:999px;width:20px;height:20px;min-height:0;padding:0;line-height:1;position:absolute;top:-6px;right:-6px}.ticket-tips-card strong{margin-bottom:12px;font-size:15px;display:block}.ticket-tips-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ticket-tips-card li{color:#64748b;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;display:flex}.ticket-tips-card li svg{color:#4f46e5;flex-shrink:0;margin-top:2px}.ticket-card-thumbs{z-index:1;pointer-events:none;gap:6px;margin:8px 0 4px;display:flex;position:relative}.ticket-card-thumbs img{width:44px;height:44px}.ticket-card-more-thumbs{color:#334155;background:#e2e8f0;border-radius:8px;place-items:center;width:44px;height:44px;font-size:12px;font-weight:700;display:grid}.ticket-card-file-count{width:auto;min-width:44px;padding:0 10px}.ticket-attach-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:12px;display:grid}.ticket-attach-item{color:#334155;gap:6px;font-size:12px;text-decoration:none;display:grid}.ticket-attach-item img{height:110px}.ticket-attach-file{height:110px;font-size:13px}.ticket-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:14px;padding:20px;display:grid;position:relative}.ticket-card-hit{z-index:1;border-radius:inherit;position:absolute;inset:0}.ticket-card-control{z-index:2;position:relative}.ticket-card:hover{border-color:#cbd5e1}.empty.ticket-card{text-align:center;color:var(--text-muted);cursor:default;display:block}.ticket-card:hover .inbox-title{color:var(--primary)}.ticket-card-body{min-width:0}.ticket-card-top,.ticket-card-bottom{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ticket-card-bottom{align-items:center;margin-top:10px}.ticket-card-tools{z-index:2;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:relative}.btn-copy-public{border:1px solid var(--border);color:#334155;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;height:auto;min-height:0;padding:6px 10px;font-size:13px;display:inline-flex}.btn-copy-public:hover{color:var(--text);background:#f8fafc}.btn-copy-danger{color:var(--danger)}.btn-copy-danger:hover{background:var(--danger-soft);color:var(--danger)}.ticket-card-flags{z-index:3;flex-shrink:0;align-items:center;gap:14px;display:flex;position:relative}.ticket-card-flags:has(.ticket-more[aria-expanded=true]){z-index:20}.inbox-title-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.inbox-title{color:var(--text);font-size:15px;font-weight:700;text-decoration:none}.inbox-title:hover{color:var(--primary)}.ticket-id{color:var(--text-muted);font-size:13px}.new-tag{color:#047857;background:#d1fae5;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.inbox-sub,.inbox-activity{color:var(--text-muted);font-size:13px}.inbox-sub{margin-top:4px}.inbox-activity{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inbox-sep{color:#cbd5e1}.inbox-due{align-items:center;gap:5px;line-height:1;display:inline-flex}.inbox-due svg{flex-shrink:0;display:block}.inbox-due.is-overdue{color:#dc2626}.inbox-meta{text-align:right;justify-items:end;gap:8px;display:grid}.priority-line{color:#334155;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.priority-line i{background:currentColor;border-radius:50%;width:8px;height:8px}.priority-low{color:#16a34a}.priority-medium{color:#d97706}.priority-high{color:#dc2626}.inbox-agent{color:#475569;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.inbox-agent select{height:auto;min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.ticket-more{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;display:grid}.ticket-card-tools .ticket-more,.ticket-card-flags .ticket-more,.ticket-ws-head-meta .ticket-more{color:#334155;background:#f1f5f9;border-radius:8px;width:32px;height:32px}.ticket-more:hover,.ticket-more[aria-expanded=true]{color:#475569;background:#f1f5f9}.ticket-card-tools .ticket-more:hover,.ticket-card-tools .ticket-more[aria-expanded=true],.ticket-card-flags .ticket-more:hover,.ticket-card-flags .ticket-more[aria-expanded=true],.ticket-ws-head-meta .ticket-more:hover,.ticket-ws-head-meta .ticket-more[aria-expanded=true]{color:#0f172a;background:#e2e8f0}.msg-menu{margin-left:auto;position:relative}.ticket-card-tools .msg-menu,.ticket-card-flags .msg-menu,.ticket-ws-head-meta .msg-menu{margin-left:0}.ticket-card-flags .msg-menu:has(.ticket-more[aria-expanded=true]){z-index:30}.ticket-card-flags .user-menu-panel{z-index:40}:is(.ticket-card:has(.ticket-more[aria-expanded=true]),.ticket-card:has(.status-picker.is-open),.ticket-card:has(.priority-picker.is-open),.ticket-card:has(.agent-picker.is-open)){z-index:12}.ticket-ws-head-meta{align-items:center;gap:10px;display:flex}.ticket-status{border:1px solid var(--border);color:#334155;background:#fff;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px 4px 8px;display:inline-flex}.status-picker,.priority-picker,.agent-picker{flex-shrink:0;position:relative}.status-picker.is-open,.priority-picker.is-open,.agent-picker.is-open{z-index:12}.picker-btn{border:1px solid var(--border);color:#0f172a;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;min-width:148px;max-width:220px;height:34px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.picker-btn>span:not(.agent-slot):not(.avatar){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.picker-btn:hover:not(:disabled),.picker-btn.is-open{background:#f8fbff;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.picker-btn:disabled{opacity:.55;cursor:not-allowed}.picker-btn.is-empty{color:#64748b}.picker-btn.is-readonly{cursor:default}.picker-btn.is-readonly:hover:not(:disabled){border-color:var(--border);box-shadow:none;background:#fff}.picker-caret{color:#64748b;flex-shrink:0;margin-left:auto;transition:transform .15s}.picker-caret.is-open{transform:rotate(180deg)}.picker-menu{z-index:80;background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:2px;min-width:180px;max-width:min(320px,100vw - 16px);max-height:min(320px,100vh - 16px);padding:6px;display:grid;position:fixed;overflow:hidden auto;box-shadow:0 16px 40px #0f172a2e}.picker-option{color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-width:0;max-width:100%;min-height:0;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.picker-option>span:not(.agent-slot):not(.picker-option-copy){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.picker-option-copy{flex:1;min-width:0;display:grid;overflow:hidden}.picker-option-copy span,.picker-option-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-option-copy small{color:#64748b;font-size:11px;font-weight:500}.picker-option:hover:not(.is-selected){background:#f8fafc}.picker-option.is-selected{color:#1d4ed8;background:#eff6ff}.picker-option svg:last-child{flex-shrink:0}.status-picker-field,.priority-picker-field,.agent-picker-field{width:100%}.status-picker-field .picker-btn,.priority-picker-field .picker-btn,.agent-picker-field .picker-btn{width:100%;min-width:0;max-width:none;height:36px}.agent-slot{color:#64748b;background:#e2e8f0;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.picker-btn .avatar,.picker-option .avatar{aspect-ratio:1;border-radius:50%;flex:none;line-height:1;overflow:hidden}.picker-btn .avatar{width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important}.picker-option .avatar{width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important}.ticket-status select{width:auto;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.desk-side{border-left:1px solid var(--border);background:#fff;flex-direction:column;min-height:100%;display:flex}.desk-side-head{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;padding:8px 12px 2px;font-size:11px;font-weight:700}.desk-side-body{flex:1;align-content:start;align-items:start;gap:4px;padding:0 12px;display:grid}.desk-field{align-content:start;gap:1px;line-height:1.2;display:grid}.desk-field>span{color:#334155;margin:0;padding:0;font-size:12px;font-weight:400;line-height:1.2}.desk-field input,.desk-field select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;height:28px;min-height:28px;margin:0;padding:2px 8px;font-size:13px}.desk-field-value{color:var(--text);font-size:14px}.desk-side-foot{margin-top:auto;padding:8px 12px 12px}.filter-panel{border:1px solid var(--border);background:#fff;border-radius:12px}.filter-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:16px 16px 14px;display:flex}.filter-head-icon{width:36px;height:36px;color:var(--primary);background:#eff6ff;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.filter-head strong{color:#0f172a;font-size:15px;display:block}.filter-head p{color:var(--text-muted);margin:2px 0 0;font-size:12px;font-weight:400;line-height:1.35}.filter-panel .desk-side-body{gap:16px;padding:16px}.filter-panel .desk-field{gap:6px}.filter-panel .desk-field>span{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;line-height:1.3;display:flex}.filter-panel .desk-field input,.filter-panel .desk-field select{border-radius:8px;height:36px;min-height:36px;padding:6px 10px}.filter-panel .priority-picker,.filter-panel .priority-picker-field,.filter-panel .status-picker,.filter-panel .status-picker-field,.filter-panel .filter-picker{width:100%}.filter-panel .filter-picker .picker-btn{width:100%;min-width:0;max-width:none;height:36px}.filter-search{display:block;position:relative}.filter-search svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.filter-search input{padding-left:30px}.filter-chip{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-style:normal;line-height:1;display:inline-flex}.filter-chip svg{width:15px;height:15px;display:block}.filter-chip.search{color:#2563eb;background:#eff6ff}.filter-chip.status{color:#2563eb;background:#dbeafe}.filter-chip.status svg{transform:translateY(2.5px)}.filter-chip.priority{color:#ea580c;background:#ffedd5}.filter-chip.priority svg{transform:translateY(2.5px)}.filter-chip.agent{color:#16a34a;background:#dcfce7}.filter-chip.client{color:#7c3aed;background:#f3e8ff}.filter-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:12px 16px 16px;display:flex}.filter-foot .btn{border-radius:8px;justify-content:center;align-items:center;gap:6px;width:auto;padding:8px 14px;font-size:13px;display:inline-flex}.filter-foot .btn-primary{flex:1}.filter-reset{border:1px solid var(--border);color:#475569;background:#fff}.back-link{width:fit-content;color:var(--primary);font-size:14px;text-decoration:none}.back-link:hover{text-decoration:underline}.ticket-banner{color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a;padding:10px 20px;font-size:14px}.ticket-banner.status-resolved,.ticket-banner.status-closed{color:#475569;border-bottom-color:var(--border);background:#f8fafc}.ticket-main{padding:20px}.avatar{color:#fff;aspect-ratio:1;background:#1d4ed8;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;line-height:1;display:grid;overflow:hidden}.thread h3{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin:22px 0 4px;font-size:13px;font-weight:700}.thread-row{border-bottom:1px solid #eee;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:16px 0;display:grid}.thread-item-head{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.company-page{background:0 0;flex:1;min-height:100%;padding:0 8px 24px}.company-actions{justify-content:space-between;align-items:center;gap:12px;padding:8px 4px 16px;display:flex}.company-actions .ticket-action-btn{font-weight:400}.company-actions .ticket-action-btn.outline{color:#0f172a;border-color:#e2e8f0}.company-actions .ticket-action-btn.danger{color:var(--danger);background:#fff;border-color:#fecaca}.company-actions .ticket-action-btn.danger:hover:not(:disabled){background:var(--danger-soft)}.company-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.company-main{gap:16px;min-width:0;display:grid}.company-head{align-items:flex-start;gap:18px;margin-bottom:0;display:flex}.company-head h1{letter-spacing:-.03em;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:1.7rem;font-weight:750;display:inline-flex}.company-access-pill{color:#7c3aed;background:#f3e8ff;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.company-sub{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;font-size:14px;display:flex}.company-contact-line{gap:6px}.company-contact-line svg{color:#94a3b8;flex-shrink:0}.company-meta-line{gap:14px}.copy-link-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:400;display:inline-flex}.copy-link-btn:disabled{opacity:.55;cursor:not-allowed}.company-access-card,.company-edit-card,.company-telegram-card{margin:0}.company-telegram-card{margin-top:16px}.company-access-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:16px}.access-mode-field.is-profile{background:0 0;border:0;gap:12px;padding:0;display:grid}.access-mode-field.is-profile legend{color:var(--text);margin-bottom:0}.access-mode-field.is-profile legend svg{color:#64748b}.access-mode-field.is-profile .access-mode-tabs{background:0 0;grid-template-columns:1fr 1fr;gap:10px;width:100%;padding:0;display:grid}.access-mode-field.is-profile .access-mode-tabs button{border:1px solid var(--border);color:#64748b;min-height:44px;box-shadow:none;background:#fff;border-radius:10px;font-weight:400}.access-mode-field.is-profile .access-mode-tabs button.is-on{background:var(--primary-soft);color:var(--primary);box-shadow:none;border-color:#93c5fd;font-weight:400}.access-mode-field.is-profile .access-mode-hint{background:var(--primary-soft);color:#334155;border:1px solid #bfdbfe;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;display:flex}.access-mode-field.is-profile .access-mode-hint-icon{color:var(--primary);place-items:center;margin-top:1px;display:grid}.company-tabs.tabs{border-bottom:1px solid var(--border);gap:20px;margin:0;display:flex}.company-tabs .tab{text-transform:none;letter-spacing:0;color:#64748b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 0;font-size:14px;font-weight:400}.company-tabs .tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:650}.timeline-list{gap:10px;display:grid}.timeline-rail{gap:0;display:grid;position:relative}.timeline-item{grid-template-columns:36px minmax(0,1fr);gap:12px;padding-bottom:14px;display:grid;position:relative}.timeline-item:not(:last-child):before{content:"";background:#e2e8f0;width:2px;position:absolute;top:36px;bottom:0;left:17px}.timeline-marker{color:#0369a1;z-index:1;background:#e0f2fe;border-radius:999px;place-items:center;width:36px;height:36px;display:grid;position:relative}.timeline-status-new .timeline-marker{color:#047857;background:#d1fae5}.timeline-status-assigned .timeline-marker{color:#7c3aed;background:#f3e8ff}.timeline-status-in_progress .timeline-marker{color:#c2410c;background:#ffedd5}.timeline-status-resolved .timeline-marker{color:#15803d;background:#dcfce7}.timeline-status-closed .timeline-marker{color:#475569;background:#f1f5f9}.timeline-kind-note .timeline-marker{color:#0369a1;background:#e0f2fe}.timeline-card{border:1px solid var(--border);background:#fff;border-radius:12px;gap:4px;min-width:0;padding:14px 16px;display:grid}.timeline-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.timeline-card-copy{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.timeline-card-time{white-space:nowrap;flex-shrink:0}.timeline-row,.profile-ticket{border:1px solid var(--border);color:inherit;background:#fff;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;text-decoration:none;display:flex}.profile-ticket{align-items:center}.profile-ticket-copy{flex:1;min-width:0}.profile-ticket-meta{color:var(--text-muted);flex-shrink:0;align-items:center;gap:10px;font-size:13px;display:flex}.copy-field{border:1px solid var(--border);background:#f8fafc;border-radius:8px;align-items:center;gap:6px;padding:2px 8px 2px 10px;display:flex}.copy-field input{height:32px;min-height:32px;box-shadow:none;color:#475569;background:0 0;border:0;padding:0;font-size:12px}.copy-field button{color:#64748b;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.timeline-row .inbox-title,.timeline-row strong,.timeline-card .inbox-title,.timeline-card strong{margin-left:0;display:inline}.contact-row-copy{flex:1;min-width:0}.contact-mail-btn{border:1px solid var(--border);color:#64748b;background:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;text-decoration:none;display:grid}.contact-mail-btn:hover{color:var(--text);background:#f8fafc}.reply-box{gap:10px;margin-top:16px;display:grid}.ticket-ws{background:var(--bg);flex-direction:column;flex:1;min-height:100%;display:flex}.ticket-crumb{color:#64748b;align-items:center;gap:8px;padding:16px 24px 0;font-size:13px;display:flex}.ticket-crumb a{color:var(--primary);text-underline-offset:2px;font-weight:700;text-decoration:underline}.ticket-actions{border:1px solid var(--border);background:#fff;border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;margin:12px 24px 0;padding:8px 10px;display:flex}.ticket-actions-left{flex-wrap:wrap;gap:6px;display:flex}.ticket-action-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:650;display:inline-flex}.ticket-action-btn.outline,.ticket-action-btn.active{color:var(--primary);background:#fff;border-color:#93c5fd}.ticket-action-btn:hover:not(:disabled){color:var(--primary);background:#eff6ff}.ticket-action-btn:disabled{opacity:.45;cursor:not-allowed}a.ticket-action-btn{text-decoration:none}.ticket-action-btn.danger{color:var(--danger)}.ticket-action-btn.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.thread-count{color:#64748b;align-items:center;gap:6px;font-size:13px;display:inline-flex}.ticket-ws-head{justify-content:space-between;align-items:flex-end;gap:16px;padding:16px 24px 0;display:flex}.ticket-ws-head .ticket-subject{margin-bottom:0}.ticket-ws-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;padding:16px 24px 28px;display:grid}.ticket-thread{min-width:0}.ticket-badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.pill{color:#334155;background:#e2e8f0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.status-tag{color:#334155;background:#e2e8f0;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.2}.status-tag.status-new{color:#047857;background:#d1fae5}.status-tag.status-assigned,.status-tag.status-in_progress{color:#1d4ed8;background:#dbeafe}.status-tag.status-resolved{color:#6d28d9;background:#ede9fe}.status-tag.status-closed{color:#475569;background:#f1f5f9}.ticket-subject{margin:0 0 16px;font-size:1.45rem}.msg-card,.composer-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:12px;padding:16px 18px}.composer-reopen{flex-wrap:wrap;gap:10px;margin:4px 0 12px;display:flex}.msg-followups{padding-left:54px;position:relative}.msg-followups:before{content:"";background:#14b8a6;border-radius:999px;width:2px;position:absolute;top:8px;bottom:52px;left:20px}.msg-followups-start,.msg-followups-end{background:#14b8a6;border-radius:999px;width:12px;height:12px;position:absolute;left:14px;box-shadow:0 0 0 3px #d5f5f1,0 0 0 5px #fff}.msg-followups-start{top:8px}.msg-followups-end{bottom:52px}.msg-thread-item{min-width:0;margin-bottom:12px;position:relative}.msg-thread-item.is-branch{margin-left:22px}.msg-thread-marker{position:absolute;inset:0 auto auto 0}.msg-thread-item.is-main-reply .msg-thread-marker:before{content:"";background:#14b8a6;border-radius:999px;width:12px;height:12px;position:absolute;top:28px;left:-39px;box-shadow:0 0 0 3px #d5f5f1,0 0 0 5px #fff}.msg-thread-item.is-branch .msg-thread-marker:before{content:"";border-bottom:2px solid #64748b;border-left:2px solid #64748b;border-bottom-left-radius:12px;width:28px;height:30px;position:absolute;top:44px;left:-56px}.msg-thread-item.is-branch .msg-thread-marker:after{content:"";background:#2563eb;border:3px solid #dbeafe;border-radius:999px;width:16px;height:16px;position:absolute;top:66px;left:-36px;box-shadow:0 0 0 2px #fff}.msg-thread-main{min-width:0}.msg-thread-item.is-branch .msg-card{border-left:3px solid #bfdbfe;margin-bottom:8px;box-shadow:0 8px 20px #0f172a0a}.msg-reply-tag{color:#2563eb;background:#f8fafc;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.msg-reply-tag:before{content:"↩";font-size:12px;line-height:1}.msg-note{background:#fffbeb;border-color:#fde68a}.msg-head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.msg-head-copy{flex:1;gap:2px;min-width:0;display:grid}.msg-expand{position:relative}.msg-expand-body.is-clamped{max-height:240px;position:relative;overflow:hidden}.msg-expand-body.is-clamped:after{content:"";pointer-events:none;background:linear-gradient(#fff0,#fff);height:56px;position:absolute;bottom:0;left:0;right:0}.msg-note .msg-expand-body.is-clamped:after{background:linear-gradient(#fffbeb00,#fffbeb)}.msg-see-more{color:var(--primary);cursor:pointer;background:0 0;border:0;height:auto;min-height:0;padding:8px 0 0;font-size:13px;font-weight:700}.msg-see-more:hover{text-decoration:underline}.msg-thread-more-wrap{z-index:1;margin:4px 0 16px;position:relative}.msg-thread-more{border:1px solid var(--border);color:var(--primary);cursor:pointer;background:#fff;border-radius:999px;align-items:center;height:auto;min-height:0;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.msg-thread-more:hover{background:#f8fafc}.msg-time{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.msg-edit{gap:10px;display:grid}.msg-edit textarea{border:1px solid var(--border);resize:vertical;border-radius:8px;width:100%;min-height:96px;padding:10px 12px}.composer-card.msg-edit-card{background:0 0;border:0;border-radius:0;margin-bottom:0;padding:0}.composer-tabs{border-bottom:1px solid var(--border);gap:18px;margin:-4px 0 12px;display:flex}.composer-tab{color:#64748b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 0;font-size:14px;font-weight:650}.composer-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.composer-bar{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.composer-tools{color:#94a3b8;gap:4px;display:flex}.composer-tool{border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.ticket-side,.widget-col{gap:16px;display:grid}.widget-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:0}.widget-head{cursor:pointer;color:#0f172a;text-transform:none;letter-spacing:0;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:14px;font-size:13px;font-weight:700;line-height:1;display:flex}.widget-head span{align-items:center;gap:8px;display:inline-flex}.widget-head svg{flex-shrink:0;display:block}.widget-body{gap:12px;padding:0 14px 16px;display:grid}.sla-grid{grid-template-columns:1fr 1fr;gap:10px;font-size:13px;display:grid}.sla-label{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;margin-bottom:4px;font-size:11px;font-weight:700}.resolution-due{border-top:1px solid var(--border);gap:4px;padding:10px 0 2px;display:grid}.resolution-due-head{letter-spacing:.04em;text-transform:uppercase;color:#475569;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.resolution-due-head i{background:#14b8a6;border-radius:50%;flex-shrink:0;width:8px;height:8px}.resolution-due.is-overdue .resolution-due-head i{background:#dc2626}.resolution-due-sep{background:#cbd5e1;width:1px;height:12px;margin-left:auto}.resolution-due-head button{color:var(--primary);text-transform:none;letter-spacing:0;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:650}.resolution-due-when{color:#64748b;padding-left:16px;font-size:13px;font-weight:400}.resolution-due.is-overdue .resolution-due-when{color:#b91c1c}.resolution-due-edit{gap:8px;padding-left:16px;display:flex}.resolution-due-edit input{border:1px solid var(--border);border-radius:8px;flex:1;min-width:0;padding:6px 8px;font-size:13px}.prop-select{color:#0f172a;gap:6px;font-size:12px;font-weight:700;display:grid}.prop-select-wrap{border:1px solid var(--border);color:#475569;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.prop-select-wrap select,.prop-static{height:36px;min-height:36px;box-shadow:none;color:var(--text);background:0 0;border:0;flex:1;padding:0;font-size:13px;font-weight:600}.prop-static{align-items:center;display:flex}.status-dot,.priority-dot{background:#94a3b8;border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.status-new{background:#16a34a}.status-dot.status-assigned,.status-dot.status-in_progress{background:#2563eb}.status-dot.status-resolved{background:#7c3aed}.status-dot.status-closed{background:#64748b}.status-dot.status-open{background:#2563eb}.status-dot.status-overdue{background:#dc2626}.status-dot.status-waiting{background:#d97706}.priority-dot.priority-low{background:#16a34a}.priority-dot.priority-medium{background:#d97706}.priority-dot.priority-high{background:#dc2626}.contact-row{align-items:center;gap:10px;display:flex}.view-profile{width:100%}.thread-foot{gap:8px;padding:8px 0;display:flex}.req{color:#dc2626;font-style:normal}.modal-backdrop{z-index:80;background:#0f172a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);background:#fff;border-radius:12px;width:min(560px,100%);max-height:calc(100vh - 48px);padding:20px 22px 18px;overflow:auto;box-shadow:0 24px 60px #0f172a2e}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.modal-head h2{font-size:1.15rem}.modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;width:32px;height:32px;font-size:20px;line-height:1}.modal-close:hover{background:#e2e8f0}.modal-body{gap:12px;display:grid}.modal-card-confirm{width:min(400px,100%)}.confirm-copy{color:#475569;margin:0;font-size:14px;line-height:1.5}.modal-foot{justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}.modal-foot .btn{min-width:88px;font-weight:400}.btn-cancel{color:#334155;background:#f1f5f9;font-weight:400}.btn-cancel:hover:not(:disabled){background:#e2e8f0}.btn-add,.dash-exports .btn{border-radius:8px;gap:6px;height:auto;min-height:0;padding:8px 14px;font-size:13px}.dash-exports{align-self:start;align-items:center}.csat-banner{border:1px solid var(--border);background:#fff;border-radius:12px;padding:14px 16px}.detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:12px}.detail-block{border-top:1px solid var(--border);padding-top:14px}.detail-body{white-space:pre-wrap;line-height:1.6}.detail-body img,.msg-inline-image,.tiptap-wrapper .tiptap img{border-radius:8px;max-width:min(100%,420px);height:auto;margin:8px 0;display:block}.msg-inline-image-link{cursor:zoom-in;border-radius:8px;max-width:100%;display:inline-block}.msg-inline-image-link:hover .msg-inline-image,.msg-inline-image-link:focus-visible .msg-inline-image{outline:2px solid var(--primary);outline-offset:2px}.tiptap-wrapper .tiptap img,.detail-body img,.msg-inline-image{cursor:zoom-in}.image-lightbox{z-index:10000;cursor:zoom-out;background:#0f172ad1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-lightbox img{cursor:default;background:#fff;border-radius:12px;width:auto;max-width:min(96vw,1200px);height:auto;max-height:90vh;box-shadow:0 20px 50px #00000073}.image-lightbox-close{z-index:10001;color:#0f172a;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:10px 16px;font-weight:700;position:fixed;top:16px;right:16px}.detail-link{color:var(--primary);text-underline-offset:2px;word-break:break-word;text-decoration:underline}.detail-link:hover{color:var(--primary-hover)}.chart-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.chart-wrap{grid-template-columns:180px 1fr;align-items:center;gap:16px;display:grid}.donut{width:160px;height:160px;overflow:visible}.donut-stage{width:160px;position:relative}.donut-slice{cursor:pointer;transition:stroke-width .15s,opacity .15s}.donut-slice.is-dim{opacity:.35}.donut-tooltip{color:#fff;pointer-events:none;white-space:nowrap;background:#0f172a;border-radius:8px;gap:1px;padding:6px 10px;font-size:12px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%,-110%);box-shadow:0 8px 20px #0f172a2e}.donut-tooltip span{color:#cbd5e1}.legend li{color:#334155;cursor:pointer;border-radius:6px;align-items:center;gap:8px;margin:0 -6px;padding:4px 6px;font-size:14px;display:flex}.legend li:hover,.legend li.is-active{background:#f8fafc}.donut-value{fill:#0f172a;font-size:22px;font-weight:800}.donut-label{fill:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.legend{gap:8px;margin:0;padding:0;list-style:none;display:grid}.swatch{border-radius:2px;width:10px;height:10px}.bar-chart{gap:10px;display:grid}.bar-row{grid-template-columns:88px 1fr 36px;align-items:center;gap:10px;display:grid}.bar-label,.bar-value{color:#475569;font-size:13px}.bar-track{border-radius:var(--radius);background:#e2e8f0;height:10px;overflow:hidden}.bar-fill{border-radius:var(--radius);background:linear-gradient(90deg,#3b82f6,#1d4ed8);height:100%}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--border);color:#334155;border-radius:var(--radius);cursor:pointer;background:#fff;padding:6px 12px;font-weight:400}.chip.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.topbar{z-index:20;color:var(--text);border-bottom:1px solid var(--border);background:#f8fafc;position:sticky;top:0;box-shadow:0 8px 18px #0f172a0d}.topbar.client-topbar .brand-logo-wrap{background:#001f33;border-radius:10px;padding:6px 10px}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:none;margin:0;padding:12px 40px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo-wrap{align-items:center;display:inline-flex}.brand-logo{object-fit:contain;width:auto;max-width:210px;height:48px;display:block}.brand-logo-wrap.compact .brand-logo{max-width:180px;height:40px}.brand-tag{color:#94a3b8;font-size:12px}.topbar-meta{align-items:center;gap:12px;display:flex}.user-chip{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:auto;height:auto;min-height:0;margin:0;padding:4px 6px;line-height:1.2;display:flex}.user-chip:hover,.user-chip.is-open{background:#f1f5f9}.user-chip-copy{flex-direction:column;min-width:0;display:flex}.user-chip-caret{color:#64748b;place-items:center;display:grid}.user-menu{position:relative}.user-menu-panel{border:1px solid var(--border);z-index:40;background:#fff;border-radius:10px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 24px #0f172a1f}.user-menu-item{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;height:auto;min-height:0;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.user-menu-item:hover{color:var(--primary);background:#f8fafc}.user-menu-sep{background:var(--border);height:1px;margin:4px 6px}.user-menu-item-danger{color:var(--danger)}.user-menu-item-danger:hover{background:var(--danger-soft);color:var(--danger)}.user-menu-empty{color:#64748b;padding:10px 12px;font-size:13px}.user-role{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-size:11px;font-weight:700}.user-email{color:#334155;font-size:13px}.btn-signout{border-radius:8px;padding:8px 14px;font-size:13px}.page{width:100%;max-width:none;margin:0;padding:20px 40px 32px}.admin-main .page{padding:18px 40px 28px}.page-header{justify-content:space-between;gap:16px;margin-bottom:24px;display:flex}.chart-subtitle{color:#334155;margin:0 0 12px;font-size:13px;font-weight:650}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-weight:400}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.report-table th{white-space:nowrap;background:#f8fafc}.report-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.curated-badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.report-header{align-items:flex-start}.report-header-actions{align-items:center;gap:12px;display:flex}.report-updated{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;min-height:40px;padding:0 12px;font-size:13px;display:inline-flex}.group-by{color:var(--text-muted);align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.group-by select{border:1px solid var(--border);color:var(--primary);background:#fff;padding:4px 8px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.dash-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.dash-recent{font-size:14px;text-decoration:none}.dash-kpis{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px;display:grid}.dash-kpi,.dash-trend,.dash-metric{border:1px solid var(--border);background:#fff}.dash-kpi{color:inherit;padding:16px 18px;text-decoration:none}a.dash-kpi{transition:border-color .15s,box-shadow .15s;display:block}a.dash-kpi:hover{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.dash-kpi-label{color:var(--text-muted);font-size:13px}.dash-kpi-value{margin-top:8px;font-size:1.8rem;font-weight:700}.dash-trend{grid-template-columns:minmax(0,1fr) 240px;margin-bottom:14px;display:grid}.dash-trend-main{min-height:260px;padding:16px 18px}.dash-trend-metrics{border-left:1px solid var(--border)}.dash-metric{border:0;border-bottom:1px solid var(--border);padding:16px 18px}.dash-metric:last-child{border-bottom:0}.dash-metric-row{align-items:baseline;gap:8px;display:flex}.dash-delta{font-size:12px;font-weight:700}.dash-delta.up{color:#16a34a}.dash-delta.down{color:#dc2626}.trend-chart{width:100%;position:relative}.trend-svg{width:100%;height:220px;display:block}.trend-tooltip{color:#fff;pointer-events:none;white-space:nowrap;background:#0f172a;border-radius:8px;gap:1px;padding:6px 10px;font-size:12px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 8px 20px #0f172a2e}.trend-tooltip strong{font-size:14px}.trend-tooltip span{color:#cbd5e1}.trend-tick{fill:#94a3b8;font-size:11px}.trend-empty{min-height:200px;color:var(--text-muted);align-content:center;place-items:center;gap:8px;display:grid}.dash-bottom{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.dash-kv-list{display:grid}.dash-kv{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.dash-kv:last-child{border-bottom:0}.csat-hero{align-items:center;gap:12px;margin-bottom:16px;display:flex}.csat-row{color:#475569;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.csat-face{font-size:22px;font-style:normal}.csat-hero .csat-face{background:#dcfce7;place-items:center;width:40px;height:40px;display:grid}.csat-hero .csat-face.good{background:#dcfce7}.csat-hero .csat-face.bad{background:#fee2e2}.csat-hero .csat-face.ok{background:#ffedd5}.csat-choices{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.csat-choice{border:1px solid var(--border);cursor:pointer;color:var(--text);background:#fff;padding:8px 12px}.csat-choice.active,.csat-choice:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.ticket-feedback{border-top:1px solid #f1f5f9;gap:10px;margin-top:14px;padding-top:14px;display:grid}.ticket-feedback.is-compact{gap:8px}.ticket-feedback-label{color:#334155;font-size:13px;font-weight:650}.csat-choice:disabled{opacity:.6;cursor:not-allowed}.stat-card,.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:16px 18px}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.stat-value{margin-top:6px;font-size:1.7rem;font-weight:750}.layout-grid{grid-template-columns:320px 1fr;gap:12px;margin-bottom:16px;display:grid}.client-setup-col{align-content:start;gap:12px;display:grid}.client-portal{gap:20px;display:grid}.client-portal-top{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.client-ticket{gap:16px;max-width:820px;display:grid}.client-ticket-card{border:1px solid var(--border);background:#fff;border-radius:12px;gap:16px;padding:24px;display:grid}.ticket-create-page{width:100%}.client-recent{grid-template-columns:1fr 1fr;gap:0 32px;display:grid}.client-recent-item{border-bottom:1px solid var(--border);color:inherit;gap:2px;padding:12px 0;text-decoration:none;display:grid}.client-recent-item:last-child{border-bottom:0;padding-bottom:0}.client-recent-item:first-child{padding-top:0}.client-recent-item:hover strong{color:var(--primary)}.client-recent-item span,.client-recent-item em{color:var(--text-muted);font-size:13px;font-style:normal}.client-ticket-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.client-ticket-head h1{font-size:1.35rem}.client-ticket-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.client-ticket-body{color:#334155;white-space:pre-wrap;line-height:1.6}.stack{gap:14px;display:grid}.card{padding:20px}.card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-title-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.card-link{color:var(--primary);padding:5px 2px;font-size:13px;font-weight:400;text-decoration:none}.card-link:hover{text-decoration:underline}.seg-switch{background:#f1f5f9;border-radius:8px;gap:2px;padding:3px;display:inline-flex}.seg-switch button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:0;padding:5px 12px;font-size:13px;font-weight:400}.seg-switch button:hover{color:#0f172a}.seg-switch button.is-on{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0f172a14}.muted{color:var(--text-muted);font-size:14px}.form-grid{gap:12px;display:grid}.sla-card{margin-bottom:16px}.sla-head{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.sla-head-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.sla-head h2{color:#0f172a;font-size:1.15rem}.sla-head p{color:#64748b;align-items:center;gap:6px;margin-top:2px;font-size:13px;font-weight:400;display:flex}.sla-info{color:#94a3b8;display:inline-flex}.sla-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.sla-setting{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-items:start;gap:2px;padding:16px 16px 14px 18px;display:grid;position:relative;overflow:hidden}.sla-setting:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.sla-setting-low:before{background:#22c55e}.sla-setting-medium:before{background:#f97316}.sla-setting-high:before{background:#ef4444}.sla-setting-icon{border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:10px;display:grid}.sla-setting-low .sla-setting-icon{color:#16a34a;background:#dcfce7}.sla-setting-medium .sla-setting-icon{color:#ea580c;background:#ffedd5}.sla-setting-high .sla-setting-icon{color:#dc2626;background:#fee2e2}.sla-setting strong{color:#0f172a;font-size:15px;font-weight:700}.sla-setting em{color:#64748b;margin-bottom:10px;font-size:13px;font-style:normal}.sla-setting-input{align-items:stretch;gap:8px;width:100%;margin:4px 0 12px;display:flex}.sla-setting-input input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:88px;padding:8px 10px;font-size:16px;font-weight:650}.sla-unit{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;place-items:center;min-width:58px;padding:0 12px;font-size:13px;font-weight:650;display:grid}.sla-setting small{color:#64748b;align-items:center;gap:6px;font-size:12px;display:inline-flex}.sla-setting-low small{color:#16a34a}.sla-setting-medium small{color:#ea580c}.sla-setting-high small{color:#dc2626}.sla-setting small svg{flex-shrink:0;width:14px;height:14px}.sla-foot{border-top:1px solid #e2e8f0;align-items:center;margin-top:18px;padding-top:16px;display:flex}.sla-foot .btn{gap:8px}.field{gap:6px;display:grid}.field span{font-size:13px;font-weight:650}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;outline:none;height:32px;min-height:32px;padding:5px 8px;font-size:13px;font-weight:400;line-height:1.3;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;height:auto;min-height:96px;padding:8px 10px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 2px #2563eb1f}.btn{border-radius:var(--radius);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:400;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{color:#fff;background:#0f172a}.btn-secondary:hover:not(:disabled){background:#1e293b}.btn-danger{color:#fff;background:#b91c1c}.btn-danger:hover:not(:disabled){background:#991b1b}.btn-slate{color:#fff;background:#475569}.btn-slate:hover:not(:disabled){background:#334155}.item-card .actions .btn{gap:6px;padding:6px 10px;font-size:13px}.btn-ghost{color:#e2e8f0;background:0 0;border:1px solid #e2e8f02e}.btn-ghost:hover:not(:disabled){background:#ffffff14}.btn-export{color:#334155;background:0 0;border:0;padding:6px 8px;font-size:13px;font-weight:600}.btn-export:hover:not(:disabled){color:var(--text);background:#fff}.btn-filter{color:var(--primary);background:#fff;border:1px solid #93c5fd;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:650}.btn-filter.is-on,.btn-filter:hover:not(:disabled){background:var(--primary-soft)}.alert{border-radius:var(--radius);padding:12px 14px;font-size:14px}.alert-error{background:var(--danger-soft);color:var(--danger)}.alert-success{background:var(--success-soft);color:var(--success)}.alert-warn{background:var(--warning-soft);color:var(--warning)}.list{gap:12px;display:grid}.item-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;gap:10px;padding:16px;display:grid}.staff-dir-head{align-items:center}.staff-dir-title{align-items:center;gap:14px;display:flex}.staff-dir-mark{color:#2563eb;background:#fff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.staff-dir-count{border:1px solid var(--border);color:#2563eb;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.staff-add-card{align-self:start}.staff-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start}.staff-layout.is-single{grid-template-columns:1fr}.staff-list{gap:14px;display:grid}.staff-card{border:1px solid var(--border);background:#fff;border-radius:12px;gap:18px;padding:22px 24px;display:grid}.staff-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.staff-card-identity{align-items:center;gap:14px;min-width:0;display:flex}.staff-card-identity strong{letter-spacing:-.02em;font-size:1.05rem;display:block}.staff-card-email{color:#64748b;align-items:center;gap:6px;margin-top:4px;font-size:13px;display:inline-flex}.staff-card-email svg{color:#94a3b8;flex-shrink:0}.staff-card-tags{flex-wrap:wrap;gap:8px;display:flex}.staff-role-pill,.staff-status-pill{border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.staff-role-pill,.staff-role-pill.is-admin{color:#1d4ed8;background:#eff6ff}.staff-role-pill.is-client-admin{color:#0f766e;background:#ecfeff}.staff-status-pill{color:#64748b;background:#f1f5f9}.staff-status-pill.is-active{color:#15803d;background:#ecfdf3}.staff-status-pill i{background:currentColor;border-radius:50%;width:7px;height:7px}.staff-card-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;display:grid}.staff-fact-label{color:#94a3b8;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:700;display:inline-flex}.staff-fact-value{color:#334155;white-space:pre-wrap;word-break:break-word;font-size:14px;font-weight:600}.staff-tab-chips{flex-wrap:wrap;gap:6px;display:flex}.staff-tab-chip{color:#2563eb;background:#eff6ff;border-radius:8px;align-items:center;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.staff-tab-chip.is-all,.staff-tab-chip.is-users{color:#7c3aed;background:#f3e8ff}.staff-tab-chip.is-tickets{color:#2563eb;background:#eff6ff}.staff-tab-chip.is-dash{color:#0e7490;background:#ecfeff}.staff-tab-chip.is-clients{color:#c2410c;background:#ffedd5}.staff-tab-chip.is-perf{color:#15803d;background:#ecfdf3}.staff-tab-chip.is-settings{color:#475569;background:#f1f5f9}.staff-card-edit{padding-top:4px}.staff-card-actions{flex-wrap:wrap;gap:8px;display:flex}.staff-card-actions .btn{border-radius:8px;gap:6px;padding:8px 14px;font-size:13px;font-weight:650}.item-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.item-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link-box{border:1px dashed var(--border);border-radius:var(--radius);word-break:break-all;color:#334155;background:#f8fafc;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.actions{flex-wrap:wrap;gap:8px;display:flex}.perm-fieldset{border:1px solid var(--border);border-radius:10px;margin:0;padding:12px 14px}.perm-fieldset legend{padding:0 4px;font-size:13px;font-weight:650}.access-mode-field{background:0 0;border:0;border-radius:0;min-width:0;margin:0;padding:0}.access-mode-field legend{color:var(--text);align-items:center;gap:6px;margin-bottom:10px;padding:0;font-size:13px;font-weight:650;display:inline-flex}.access-mode-field legend svg{color:#64748b}.access-mode-field.is-embedded{border:1px solid var(--border);background:#fff;border-radius:12px;gap:10px;padding:14px;display:grid}.access-mode-field.is-embedded legend{color:var(--text);margin-bottom:0}.access-mode-field.is-embedded legend svg{color:#64748b}.access-mode-field:disabled,.access-mode-field[disabled]{opacity:.72}.access-mode-tabs{background:0 0;border-radius:0;gap:8px;width:auto;max-width:100%;padding:0;display:inline-flex}.access-mode-field.is-embedded .access-mode-tabs{background:#f1f5f9;border-radius:10px;justify-self:start;gap:2px;width:fit-content;max-width:100%;padding:3px}.access-mode-tabs button{border:1px solid var(--border);color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;width:auto;min-height:42px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.access-mode-field.is-embedded .access-mode-tabs button{min-height:36px;box-shadow:none;background:0 0;border:0;border-radius:8px;padding:7px 14px;font-weight:550}.access-mode-tabs button span{white-space:nowrap}.access-mode-tabs button svg{flex-shrink:0}.access-mode-tabs button:hover:not(:disabled):not(.is-on){color:var(--text);background:#fff;border-color:#cbd5e1}.access-mode-field.is-embedded .access-mode-tabs button:hover:not(:disabled):not(.is-on){color:#0f172a;background:0 0;border-color:#0000}.access-mode-tabs button.is-on{color:var(--text);background:#f8fafc;border-color:#cbd5e1;font-weight:700;box-shadow:0 1px 2px #0f172a0f}.access-mode-field.is-embedded .access-mode-tabs button.is-on{color:var(--text);background:#fff;border-color:#0000;font-weight:650;box-shadow:0 1px 2px #0f172a14}.access-mode-tabs button:disabled{cursor:not-allowed}.access-mode-hint{color:#64748b;margin:10px 0 0;font-size:13px;line-height:1.45}.access-mode-field:not(.is-embedded) .access-mode-hint{border:1px solid var(--border);color:#334155;background:#f8fafc;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.access-mode-field.is-embedded .access-mode-hint{margin:0}.clients-page .card-title h2{align-items:center;gap:8px;display:inline-flex}.clients-page .card-title h2 svg{color:#64748b}.clients-page .staff-dir-mark{border-color:var(--border);color:#64748b;background:#f8fafc}.client-create-card .client-create-submit{border-radius:10px;width:100%;min-height:44px;font-weight:650}.client-input{align-items:center;display:flex;position:relative}.client-input-icon{color:#64748b;pointer-events:none;z-index:1;background:#f1f5f9;border-radius:8px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.client-input input{border-radius:10px;width:100%;height:42px;min-height:42px;padding-left:44px}.client-directory-card{align-self:start}.client-list{gap:14px;display:grid}.client-card{border:1px solid var(--border);background:#fff;border-radius:12px;gap:16px;padding:18px 20px;display:grid}.client-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.client-card-identity{align-items:flex-start;gap:14px;min-width:0;display:flex}.client-card-mark{border:1px solid var(--border);color:#64748b;background:#f8fafc;border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.client-card-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.client-card-name{letter-spacing:-.02em;color:var(--text);font-size:1.05rem;font-weight:700;text-decoration:none}.client-card-name:hover{color:var(--primary)}.client-card-contact,.client-card-access-line{color:#64748b;align-items:center;gap:6px;min-width:0;margin-top:5px;font-size:13px;display:flex}.client-telegram-row{border:1px solid var(--border);background:#f8fafc;border-radius:10px;margin-top:12px;padding:12px}.client-telegram-fields{gap:10px;display:grid}.client-telegram-field{gap:6px;display:grid}.client-telegram-field>span{color:var(--text,#0f172a);font-size:.82rem;font-weight:600}.client-telegram-controls{align-items:center;gap:8px;display:flex}.client-telegram-controls input{flex:1;min-width:0}.client-telegram-controls .btn{white-space:nowrap;flex-shrink:0}.client-telegram-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.client-card-contact span,.client-card-access-line span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.client-card-contact svg,.client-card-access-line svg{color:#94a3b8;flex-shrink:0}.client-link-row{border:1px solid var(--border);background:#f8fafc;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:6px 6px 6px 10px;display:flex}.client-link-icon{color:#94a3b8;flex-shrink:0;place-items:center;display:grid}.client-link-url{color:#334155;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow:hidden}.client-link-copy{border:1px solid var(--border);color:#334155;cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:6px 12px;font-size:13px;font-weight:650;display:inline-flex}.client-link-copy:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.client-card-actions{flex-wrap:wrap;gap:8px;display:flex}.client-card-actions .ticket-action-btn{color:#64748b;background:#fff;border:1px solid #e2e8f0}.client-card-actions .ticket-action-btn.client-action-primary{color:#334155;border-color:#e2e8f0}.client-card-actions .ticket-action-btn.client-action-primary:hover:not(:disabled){color:var(--text);background:#f8fafc}.client-card-actions .ticket-action-btn.danger{color:var(--danger);background:#fff;border-color:#fecaca}.client-card-actions .ticket-action-btn.danger:hover:not(:disabled){background:var(--danger-soft)}.perm-list{gap:8px;display:grid}.perm-item{align-items:center;gap:8px;font-size:14px;display:flex}.perm-item input{width:16px;height:16px;min-height:16px;accent-color:var(--primary);margin:0}.badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:650;line-height:1.2;display:inline-flex}.badge-status-new{color:#047857;background:#d1fae5}.badge-status-assigned{color:#6d28d9;background:#f5f3ff}.badge-status-in_progress{color:#c2410c;background:#fff7ed}.badge-status-resolved{color:#15803d;background:#f0fdf4}.badge-status-closed,.badge-priority-low{color:#475569;background:#f1f5f9}.badge-priority-medium{color:#1d4ed8;background:#eff6ff}.badge-priority-high{color:#b91c1c;background:#fef2f2}.badge-active{color:#15803d;background:#f0fdf4}.badge-inactive{color:#64748b;background:#f1f5f9}.empty{color:var(--text-muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);background:#fafbfc;padding:18px}.auth-screen{isolation:isolate;background:radial-gradient(circle at 50% 42%,#2563eb0f 0 1px,#0000 1.5px) 0 0/28px 28px,radial-gradient(900px 520px at 50% 0,#dbeafe 0%,#0000 58%),radial-gradient(720px 420px at 100% 100%,#3b82f61f,#0000 55%),linear-gradient(#eef4ff 0%,#f7f9fc 46%,#eef2f7 100%);place-items:center;min-height:100vh;padding:32px 16px;display:grid;position:relative;overflow:hidden}.auth-screen:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0000 38%,#2563eb0d 38.5%,#0000 39.5%),radial-gradient(circle,#0000 52%,#2563eb0b 52.5%,#0000 53.5%),radial-gradient(circle,#0000 66%,#2563eb0a 66.5%,#0000 67.5%);border-radius:50%;width:min(78vw,640px);height:min(78vw,640px);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.auth-screen:after{content:"";filter:blur(56px);pointer-events:none;z-index:0;background:#2563eb1a;border-radius:50%;width:min(42vw,360px);height:min(42vw,360px);position:absolute;top:8%;right:-6%}.auth-stack,.auth-panel{z-index:1;position:relative}.auth-stack{justify-items:center;gap:22px;width:100%;max-width:420px;display:grid}.auth-stack .brand-logo{max-width:240px;height:56px}.auth-panel{background:#fff;border-radius:18px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 24px 60px #0f172a1f}.auth-brand{text-align:center;background:#060b28;padding:18px 28px 16px;position:relative;overflow:hidden}.auth-brand:after{content:"";clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);pointer-events:none;background:linear-gradient(135deg,#0000 34%,#2563ebf2 35%,#3b82f6bf 100%);width:46%;height:180%;position:absolute;top:-40%;right:-8%}.auth-brand .brand-logo-wrap,.auth-brand .brand-logo{z-index:1;position:relative}.auth-brand .brand-logo{max-width:215px;height:auto}.auth-brand-tag{z-index:1;color:#ffffffc7;letter-spacing:.14em;text-transform:uppercase;margin:6px 0 0;font-size:11px;font-weight:650;position:relative}.auth-card{border:1px solid var(--border);width:100%;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:28px}.auth-panel .auth-card{box-shadow:none;border:0;border-radius:0;padding:34px 36px 28px}.auth-card h2{margin-bottom:6px;font-size:1.5rem}.auth-panel .auth-card h2{letter-spacing:-.03em;color:#060b28;margin-bottom:8px;font-size:1.85rem;font-weight:750}.auth-lede{margin-bottom:22px;font-size:14px}.auth-panel .auth-lede{color:#64748b;margin-bottom:24px;line-height:1.55}.auth-panel .form-grid{gap:16px}.auth-panel .field span{color:#0f172a;font-size:14px;font-weight:700}.auth-input{align-items:center;display:flex;position:relative}.auth-input-icon{color:#2563eb;pointer-events:none;z-index:1;background:#eff6ff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.auth-card input:not([type=checkbox]){border-radius:8px;height:40px;min-height:40px;padding:8px 12px;font-size:14px}.auth-panel .auth-card input:not([type=checkbox]){background:#fff;border-color:#dbe3ef;border-radius:10px;height:48px;min-height:48px}.auth-panel .auth-input input:not([type=checkbox]){-webkit-user-select:text;user-select:text;width:100%;padding-left:52px;padding-right:44px}.password-wrap{position:relative}.password-wrap input{padding-right:42px}.password-toggle{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:#0f172a;background:#f8fafc}.password-create{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.auth-check{color:#334155;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.auth-panel .auth-check{color:#0f172a;gap:10px;font-weight:600}.auth-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-forgot{color:#2563eb;cursor:pointer;background:0 0;border:0;height:auto;min-height:0;padding:0;font-size:14px;font-weight:650}.auth-forgot:hover{text-decoration:underline}.auth-forgot-center{justify-self:center}.pw-reqs{color:#64748b;gap:2px;margin:4px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.pw-reqs li.is-met{color:var(--success)}.auth-check input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--primary);margin:0;padding:0}.auth-panel .auth-check input[type=checkbox]{width:18px;height:18px;min-height:18px}.auth-submit{background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);border-radius:10px;width:100%;height:50px;min-height:50px;margin-top:4px;font-size:15px;font-weight:700;box-shadow:0 10px 20px #1d4ed838}.auth-submit:hover:not(:disabled){background:linear-gradient(#2563eb 0%,#1e40af 100%)}.auth-foot{text-align:center;color:#64748b;margin:22px 0 0;font-size:13px}.auth-foot span{color:#2563eb;font-weight:650}.line-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.setup-wrap{max-width:760px;margin:0 auto}code,pre{font-family:ui-monospace,Consolas,monospace}pre{color:#e2e8f0;border-radius:var(--radius);background:#0f172a;padding:12px;overflow:auto}@media (width<=1200px){.dash-kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=960px){.layout-grid,.client-portal-top,.stats,.field-row,.chart-grid,.chart-wrap,.admin-frame,.detail-grid,.desk,.ticket-ws-grid,.dash-kpis,.dash-trend,.dash-bottom,.company-grid,.ticket-create-split,.client-recent,.staff-card-facts,.sla-settings-grid,.admin-frame,.admin-frame.is-expanded{grid-template-columns:1fr}.sidebar,.sidebar.is-expanded{width:100%;height:64px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));z-index:60;border-top:1px solid #94a3b829;flex-direction:row;align-items:center;position:fixed;inset:auto 0 0}.side-nav{flex:1;justify-content:space-around;gap:4px;display:flex}.side-label,.sidebar-brand,.sidebar-toggle,.sidebar-user{display:none}.desk-side{border-left:none;border-top:1px solid var(--border)}.desk-side.filter-panel{border:1px solid var(--border)}.desk-toolbar,.ticket-card-top,.ticket-card-bottom,.ticket-card-flags{flex-wrap:wrap}.inbox-meta{text-align:left;justify-items:start}.dash-trend-metrics{border-left:none;border-top:1px solid var(--border)}.desk-bleed{margin:-20px -16px -32px}.ticket-ws-head{flex-direction:column;align-items:flex-start;padding:16px 16px 0}.ticket-ws-head-meta{justify-content:space-between;width:100%}.ticket-ws-grid{padding:16px}.ticket-create-split{gap:20px;padding:20px}.admin-main,.page,.admin-main .page,.admin-main .page-tickets,.page-tickets{padding-bottom:calc(68px + env(safe-area-inset-bottom))}}@media (width<=720px){.topbar-inner{gap:10px;padding:10px 12px}.topbar-meta{justify-content:space-between;gap:8px;width:100%}.notify-btn{border-radius:12px;width:36px;height:36px}.notify-panel{width:auto;max-height:calc(100vh - 92px - env(safe-area-inset-bottom));border-radius:14px;position:fixed;top:72px;left:12px;right:12px;overflow:hidden}.notify-head{flex-wrap:wrap;align-items:flex-start}.notify-head-actions{justify-content:flex-end;width:100%}.notify-list{max-height:calc(100vh - 170px - env(safe-area-inset-bottom))}.user-chip{border-radius:12px;flex:1;gap:8px;padding:4px}.user-chip-copy{overflow:hidden}.user-role,.user-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-chip-caret{flex-shrink:0}.topbar-meta .avatar{width:32px;height:32px;font-size:12px}.ticket-create-card{padding:14px}.ticket-create-split{gap:16px;padding:14px}.ticket-create-title{align-items:flex-start}.ticket-editor-toolbar,.reply-editor-toolbar{gap:6px 4px;padding:8px}.ticket-editor-tool{width:28px;height:28px}.ticket-editor-sep{display:none}.tiptap-wrapper .tiptap{min-height:220px;padding:10px 12px}.reply-tiptap-wrapper .tiptap{min-height:100px;padding:10px 12px}.attach-drop{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:0;padding:12px}.attach-previews{gap:10px}.ticket-create-actions,.composer-bar,.msg-head,.msg-time{flex-wrap:wrap}.ticket-create-actions .btn,.composer-bar .actions,.composer-bar .actions .btn{width:100%}.composer-bar .actions{gap:8px;display:grid}.ticket-ws-head{gap:10px;padding:14px 12px 0}.ticket-ws-grid{gap:12px;padding:12px}.ticket-subject{font-size:1.2rem}.msg-card,.composer-card{padding:14px}.msg-followups{padding-left:0}.msg-followups:before,.msg-followups-start,.msg-followups-end,.msg-thread-marker{display:none}.msg-thread-item.is-main-reply,.msg-thread-item.is-branch{margin-left:0}.msg-thread-item.is-main-reply .msg-card,.msg-thread-item.is-branch .msg-card{border-left:3px solid #bfdbfe;box-shadow:0 8px 20px #0f172a0a}.msg-reply-tag{white-space:normal;max-width:100%}.ticket-attach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-title{flex-direction:column;align-items:flex-start;gap:10px}.report-header{gap:12px}.report-header-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%}.report-updated{width:100%;min-height:0;padding:10px 12px}.card-title-actions{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%}.seg-switch{margin-left:auto}.chart-wrap{text-align:center;justify-items:center;gap:10px}.donut,.donut-stage{width:132px;height:132px}.legend{text-align:left;justify-self:center;width:100%;max-width:220px}}@media (width<=520px){.topbar-inner{padding:8px 10px}.notify-btn{width:34px;height:34px}.notify-panel{top:64px;left:10px;right:10px}.notify-head,.notify-item{padding:10px}.topbar-meta{gap:6px}.user-chip{min-width:0}.user-chip-copy{gap:1px}.user-role{font-size:13px}.user-email{font-size:11px}.report-title{flex-direction:column;align-items:flex-start;gap:8px}.report-header-actions .btn{justify-content:center;width:100%}.ticket-field>span{flex-direction:column;align-items:flex-start;gap:6px}.ticket-create-icon{width:34px;height:34px}.ticket-create-head h1,.ticket-create-head h2{font-size:1.15rem}.msg-head{gap:8px}.msg-time{font-size:12px}.ticket-attach-grid{grid-template-columns:1fr}.card-title-actions{flex-direction:column;align-items:stretch}.card-link{padding:0}.seg-switch{justify-content:space-between;width:100%;margin-left:0}.seg-switch button{flex:1;min-width:0}.access-mode-tabs,.client-link-row{flex-wrap:wrap}.client-link-url{white-space:normal;word-break:break-all;flex-basis:calc(100% - 40px)}.client-link-copy{margin-left:auto}.donut,.donut-stage{width:120px;height:120px}.donut-value{font-size:20px}.donut-label{font-size:10px}}.toast-stack{z-index:200;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:20px}.toast{pointer-events:auto;border:1px solid var(--border);background:#fff;border-radius:10px;align-items:flex-start;gap:10px;min-width:260px;max-width:360px;padding:12px 14px;animation:.22s toast-in;display:flex;box-shadow:0 12px 32px #0f172a24}.toast strong{letter-spacing:0;font-size:13px;font-weight:650;display:block}.toast p{color:var(--text-muted);margin:2px 0 0;font-size:13px}.toast-icon{border-radius:999px;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.toast-success{border-color:#bbf7d0}.toast-success strong{color:var(--success)}.toast-success .toast-icon{background:var(--success-soft);color:var(--success)}.toast-error{border-color:#fecaca}.toast-error strong{color:var(--danger)}.toast-error .toast-icon{background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}