:root{--bg:#f3f4f6;--card:#fff;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#dc2626;--success:#16a34a;--warning:#f59e0b;--muted:#6b7280;--border:#e5e7eb;--text:#111827;--text-light:#4b5563;--sidebar:#1e293b;--sidebar-hover:#334155;--sidebar-text:#cbd5e1;--sidebar-active:#2563eb;--radius:8px;--shadow:0 1px 3px rgba(0,0,0,.1);--surface:#f8fafc;--surface-alt:#f1f5f9;--surface-hover:#f1f5f9;--surface-warm:#fffbeb;--surface-warm-border:#fde68a;--surface-warm-text:#92400e;--surface-red:#fef2f2;--surface-red-border:#fecaca;--surface-red-text:#991b1b;--surface-green:#f0fdf4;--surface-green-border:#bbf7d0;--surface-green-text:#166534;--surface-blue:#eff6ff;--surface-blue-border:#dbeafe;--surface-blue-text:#1e40af;--surface-purple:#f3e8ff;--surface-purple-border:#e9d5ff;--surface-purple-text:#7c3aed;--surface-indigo:#eef2ff;--surface-indigo-border:#c7d2fe;--surface-indigo-text:#4f46e5;--dot-ring:#fff;--accent-purple:#7c3aed;--accent-indigo:#6366f1;--accent-blue:#2563eb;--accent-pink:#ec4899;--accent-orange:#c2410c;--accent-amber:#d97706;--kb-unassigned-bg:#f8fafc;--kb-unassigned-color:#64748b;--kb-unassigned-accent:#cbd5e1;--kb-progress-bg:#f0f7ff;--kb-progress-color:#2563eb;--kb-progress-accent:#bfdbfe;--kb-pending-bg:#fffbeb;--kb-pending-color:#d97706;--kb-pending-accent:#fde68a;--kb-handover-bg:#f5f3ff;--kb-handover-color:#7c3aed;--kb-handover-accent:#ddd6fe;--kb-card-fresh:#ffffff;--kb-card-med:#fafafa;--kb-card-old:#faf8f5;--kb-card-stale:#faf5f5;--kb-border-fresh:#c6e9c8;--kb-border-med:#e2dcc8;--kb-border-old:#e2d0c0;--kb-border-stale:#dfc4c4;--kb-count-bg:#fff;--wa-bg:#fff;--wa-surface:#f0f2f5;--wa-border:#d1d5db;--wa-text:#111b21;--wa-text-muted:#667781;--wa-chat-bg:#e5ddd5;--wa-green:#25d366;--wa-highlight-bg:#fff9c4;--wa-highlight-text:#1a1a1a;--wa-highlight-muted:#666;--wa-highlight-glow:rgba(255,249,196,.6);--wa-selected-bg:#bbdefb;--wa-selected-text:#111b21;--wa-selected-muted:#667781;--wa-date-chip-bg:#e2e6ea;--wa-date-chip-text:#667781;--wa-back-arrow:#111b21}[data-theme=dark]{--bg:#111827;--card:#1a2332;--primary:#3b82f6;--primary-hover:#2563eb;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--muted:#94a3b8;--border:#273344;--text:#e2e8f0;--text-light:#94a3b8;--sidebar:#0f172a;--sidebar-hover:#1e293b;--sidebar-text:#94a3b8;--sidebar-active:#3b82f6;--shadow:0 1px 3px rgba(0,0,0,.3);--card-hover:#1f2b3d;--surface:#1a2332;--surface-alt:#1f2b3d;--surface-hover:#1f2b3d;--surface-warm:#2d2515;--surface-warm-border:#5a4a20;--surface-warm-text:#fbbf24;--surface-red:#2d1515;--surface-red-border:#5a2020;--surface-red-text:#fca5a5;--surface-green:#152215;--surface-green-border:#1a4a2a;--surface-green-text:#86efac;--surface-blue:#151c2e;--surface-blue-border:#1e3a5f;--surface-blue-text:#93c5fd;--surface-purple:#1e1528;--surface-purple-border:#3b2060;--surface-purple-text:#c4b5fd;--surface-indigo:#1a1a35;--surface-indigo-border:#2e2e6e;--surface-indigo-text:#a5b4fc;--dot-ring:#1a2332;--accent-purple:#a78bfa;--accent-indigo:#818cf8;--accent-blue:#60a5fa;--accent-pink:#f472b6;--accent-orange:#fb923c;--accent-amber:#fbbf24;--kb-unassigned-bg:#151d2b;--kb-unassigned-color:#94a3b8;--kb-unassigned-accent:#334155;--kb-progress-bg:#141c2e;--kb-progress-color:#60a5fa;--kb-progress-accent:#1e3a5f;--kb-pending-bg:#1a1a14;--kb-pending-color:#fbbf24;--kb-pending-accent:#3d3520;--kb-handover-bg:#1a1528;--kb-handover-color:#a78bfa;--kb-handover-accent:#2e2050;--kb-card-fresh:#1a2332;--kb-card-med:#1c2535;--kb-card-old:#1e2530;--kb-card-stale:#221f1f;--kb-border-fresh:#1a4a2a;--kb-border-med:#2a3520;--kb-border-old:#3a2a1a;--kb-border-stale:#3a2020;--kb-count-bg:#1a2332;--wa-bg:#111b21;--wa-surface:#1f2c34;--wa-border:#2a3942;--wa-text:#e9edef;--wa-text-muted:#8696a0;--wa-chat-bg:#0b141a;--wa-green:#00a884;--wa-highlight-bg:#fff9c4;--wa-highlight-text:#1a1a1a;--wa-highlight-muted:#666;--wa-highlight-glow:rgba(255,249,196,.6);--wa-selected-bg:#1a3a5c;--wa-selected-text:#e9edef;--wa-selected-muted:#8696a0;--wa-date-chip-bg:#182229;--wa-date-chip-text:#8696a0;--wa-back-arrow:#e9edef}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}.center-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1e293b,#0f172a)}.login-card{background:#fff;border-radius:12px;padding:40px;width:420px;max-width:90vw;box-shadow:0 20px 60px #0000004d;text-align:center}.login-card h1{font-size:24px;margin-bottom:4px}.login-card p.sub{color:var(--muted);font-size:14px;margin-bottom:28px}.login-card .logo{margin-bottom:16px;display:block}.login-card .logo img{height:64px}.google-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 28px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;font-size:15px;font-weight:600;color:var(--text);transition:all .2s;box-shadow:0 1px 3px #00000014}.google-btn:hover{background:#f8fafc;box-shadow:0 2px 8px #0000001f}.error-msg{background:#fef2f2;color:var(--danger);padding:10px;border-radius:var(--radius);font-size:13px;margin-bottom:16px}.info-msg{background:#eff6ff;color:var(--primary);padding:12px;border-radius:var(--radius);font-size:13px;margin-top:20px;line-height:1.5}.warn-msg{background:#fefce8;color:#92400e;padding:16px;border-radius:var(--radius);font-size:14px;line-height:1.6;text-align:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:#e2e8f0;color:var(--text)}.btn-secondary:hover{background:#cbd5e1}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#15803d}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#d97706}.btn-pickup{background:#7c3aed;color:#fff}.btn-pickup:hover{background:#6d28d9}.btn-sm{padding:6px 12px;font-size:12px}.btn-full{width:100%;justify-content:center}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-light)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;outline:none;transition:border .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary)}.app-layout{display:flex;min-height:100vh}.sidebar{width:64px;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;overflow:hidden;position:sticky;top:0;height:100vh;z-index:100}.sidebar.expanded{width:240px}.sidebar-toggle{position:absolute;top:20px;right:-12px;width:24px;height:24px;border-radius:50%;background:var(--sidebar);border:2px solid #475569;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;z-index:101;transition:transform .2s}.sidebar.expanded .sidebar-toggle{transform:rotate(180deg)}.sidebar-brand{padding:16px;font-size:18px;font-weight:700;color:#fff;border-bottom:1px solid #334155;display:flex;align-items:center;gap:10px;white-space:nowrap;min-height:60px}.sidebar-brand span.icon{font-size:24px;flex-shrink:0}.sidebar-brand span.icon img{height:28px;vertical-align:middle}.sidebar-brand .brand-text{opacity:0;transition:opacity .15s;overflow:hidden}.sidebar.expanded .sidebar-brand .brand-text{opacity:1}.sidebar-nav{flex:1;padding:8px 0}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--sidebar-text);font-size:14px;cursor:pointer;transition:all .15s;border:none;background:none;width:100%;text-align:left;white-space:nowrap;overflow:hidden;position:relative}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{background:var(--sidebar-active);color:#fff}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item span{opacity:0;transition:opacity .15s}.sidebar.expanded .nav-item span{opacity:1}.nav-count{background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;margin-left:auto;opacity:0;transition:opacity .15s}.sidebar.expanded .nav-count{opacity:1}.sidebar:not(.expanded) .nav-item .nav-count{position:absolute;top:6px;left:30px;width:8px;height:8px;min-width:8px;padding:0;font-size:0;border-radius:50%;opacity:1}.sidebar-footer{padding:12px 16px;border-top:1px solid #334155;overflow:hidden;white-space:nowrap}.sidebar-user{font-size:13px;display:flex;align-items:center;gap:10px}.sidebar-user img{width:32px;height:32px;border-radius:50%;border:2px solid #475569;flex-shrink:0}.sidebar-user .uinfo{opacity:0;transition:opacity .15s;overflow:hidden}.sidebar.expanded .sidebar-user .uinfo{opacity:1}.sidebar-user .uinfo .name{color:#fff;font-weight:600}.sidebar-user .uinfo .role{color:#94a3b8;font-size:12px;text-transform:capitalize}.sidebar-logout{margin-top:10px;display:flex;align-items:center;gap:6px;color:#94a3b8;background:none;border:none;font-size:13px;cursor:pointer;padding:0;white-space:nowrap;overflow:hidden}.sidebar-logout span{opacity:0;transition:opacity .15s}.sidebar.expanded .sidebar-logout span{opacity:1}.sidebar-logout:hover{color:#fff}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{background:#fff;padding:16px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.topbar h2{font-size:20px;font-weight:700}.content-area{flex:1;padding:28px;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px}.stat-card{background:#fff;border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.stat-card .stat-label{font-size:11px;color:var(--muted);margin-bottom:1px}.stat-card .stat-value{font-size:22px;font-weight:700}.table-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px}.table-header h3{font-size:16px;font-weight:600}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters select,.filters input{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;outline:none}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 16px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid var(--border)}td{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--border)}tr.clickable:hover td{background:#f8fafc;cursor:pointer}tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-triage{background:#f3e8ff;color:#7c3aed}.badge-open{background:#dbeafe;color:#1d4ed8}.badge-in-progress{background:#fef3c7;color:#92400e}.badge-pending{background:#fce7f3;color:#9d174d}.badge-handover{background:#fff7ed;color:#c2410c}.badge-resolved{background:#d1fae5;color:#065f46}.badge-closed{background:#e5e7eb;color:#374151}.badge-low{background:#e0f2fe;color:#075985}.badge-medium{background:#fef9c3;color:#854d0e}.badge-high{background:#fed7aa;color:#9a3412}.badge-critical{background:#fecaca;color:#991b1b}.badge-unassigned{background:#fef3c7;color:#92400e;font-size:12px;padding:4px 12px}.ticket-detail{display:grid;grid-template-columns:1fr 280px;gap:20px;overflow:hidden}.ticket-main{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.ticket-sidebar-panel{display:flex;flex-direction:column;gap:16px}.info-card{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.info-card h4{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--muted)}.ticket-desc{color:var(--text-light);line-height:1.7;font-size:14px;margin:16px 0 24px;white-space:pre-wrap}.ticket-desc table{border-collapse:collapse;width:100%;font-size:13px;margin:8px 0;white-space:normal}.ticket-desc th,.ticket-desc td{padding:8px 12px;border:1px solid var(--border);text-align:left}.ticket-desc th{background:#f1f5f9;font-weight:600}.ticket-desc tr:nth-child(2n){background:#f8fafc}.ticket-desc a{color:var(--primary);text-decoration:underline}.ticket-desc b,.ticket-desc strong{color:var(--text)}.comments-section h3{font-size:16px;font-weight:600;margin-bottom:16px;padding-top:20px;border-top:1px solid var(--border)}.comment{padding:12px 0;border-bottom:1px solid var(--border)}.comment:last-of-type{border-bottom:none}.comment-header{display:flex;justify-content:space-between;margin-bottom:4px}.comment-author{font-weight:600;font-size:13px}.comment-date{font-size:12px;color:var(--muted)}.comment-body{font-size:14px;color:var(--text-light);line-height:1.6}.comment-form{display:flex;flex-direction:column;gap:8px;margin-top:16px}.comment-form textarea{width:100%;resize:vertical;min-height:70px;padding:10px;border:1px solid var(--border);border-radius:var(--radius)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:28px;width:560px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal h2{font-size:20px;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.user-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:8px}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{flex:1}.user-info .name{font-weight:600;font-size:14px}.user-info .email{font-size:12px;color:var(--muted)}.user-role-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize}.role-owner{background:#fef3c7;color:#92400e}.role-admin{background:#ede9fe;color:#6d28d9}.role-supervisor{background:#dbeafe;color:#1d4ed8}.role-agent{background:#d1fae5;color:#065f46}.role-viewer{background:#f1f5f9;color:#475569}.role-pending{background:#fef3c7;color:#92400e}.user-actions{display:flex;gap:6px;align-items:center}.team-checkboxes{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.team-cb{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border);border-radius:20px;font-size:12px;cursor:pointer;transition:all .15s;background:#fff}.team-cb:hover{border-color:var(--primary)}.team-cb.active{background:var(--primary);color:#fff;border-color:var(--primary)}.team-cb input{display:none}.team-tags{display:flex;flex-wrap:wrap;gap:4px}.team-tag{background:#e2e8f0;color:var(--text-light);padding:2px 8px;border-radius:12px;font-size:11px}.transcript-box{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius);padding:16px;font-size:13px;line-height:1.7;white-space:pre-wrap;max-height:400px;overflow-y:auto;font-family:Courier New,monospace}.transcript-box .speaker-agent{color:#7c3aed;font-weight:600}.transcript-box .speaker-user{color:#2563eb;font-weight:600}.call-summary-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius);padding:12px 16px;font-size:13px;line-height:1.6;margin-bottom:12px}.call-audio-box{background:#faf5ff;border:1px solid #e9d5ff;border-radius:var(--radius);padding:12px 16px;margin-bottom:12px;display:flex;align-items:center;gap:12px}.call-audio-box audio{flex:1;height:36px}.call-audio-box .audio-label{font-size:12px;font-weight:600;color:#7c3aed;white-space:nowrap}.call-audio-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;background:#7c3aed;color:#fff;border:none;border-radius:var(--radius);cursor:pointer}.call-audio-btn:hover{background:#6d28d9}.call-audio-btn:disabled{opacity:.5;cursor:not-allowed}.phone-masked{display:inline-flex;align-items:center;gap:4px;font-family:Courier New,monospace;letter-spacing:.5px}.phone-reveal-btn{padding:1px 6px;font-size:11px;background:var(--primary);color:#fff;border:none;border-radius:3px;cursor:pointer;line-height:1.4}.phone-reveal-btn:hover{opacity:.85}.phone-reveal-btn:disabled{opacity:.5;cursor:wait}.phone-cross-badge{font-size:9px;background:#fef3c7;color:#92400e;padding:1px 4px;border-radius:3px;margin-left:2px}.call-history-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden;transition:all .15s}.call-history-item.failed{border-color:#fecaca;background:#fff5f5}.call-history-item.completed{border-color:#bbf7d0}.call-history-item.initiated{border-color:#fde68a}.call-history-header{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;background:#f8fafc;font-size:13px}.call-history-header:hover{background:#f1f5f9}.call-history-item.failed .call-history-header{background:#fef2f2}.call-history-item.completed .call-history-header{background:#f0fdf4}.call-history-body{padding:12px 16px;border-top:1px solid var(--border);font-size:13px}.call-number{font-weight:700;color:var(--primary);min-width:50px}.attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:10px}.attach-card{border:1px solid var(--border);border-radius:var(--radius);padding:10px;font-size:12px;display:flex;flex-direction:column;gap:6px;background:#fff;transition:all .15s}.attach-card:hover{border-color:var(--primary);box-shadow:0 2px 6px #2563eb1a}.attach-card .attach-name{font-weight:600;font-size:13px;word-break:break-all;color:var(--text)}.attach-card .attach-meta{color:var(--muted);font-size:11px}.attach-card .attach-preview{width:100%;height:100px;object-fit:cover;border-radius:4px;background:#f1f5f9}.attach-card a{color:var(--primary);text-decoration:none;font-weight:600;font-size:12px}.attach-card a:hover{text-decoration:underline}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:16px;text-align:center;cursor:pointer;transition:all .15s;color:var(--muted);font-size:13px}.upload-zone:hover{border-color:var(--primary);color:var(--primary);background:#f0f7ff}.upload-zone.dragging{border-color:var(--primary);background:#eff6ff}.upload-progress{height:4px;background:#e2e8f0;border-radius:2px;margin-top:8px;overflow:hidden}.upload-progress-bar{height:100%;background:var(--primary);border-radius:2px;transition:width .3s}.triage-banner{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border-radius:var(--radius);padding:16px 24px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.triage-banner .text{font-size:15px;font-weight:600}.triage-banner .sub{font-size:13px;opacity:.8;margin-top:2px}.pickup-banner{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-radius:var(--radius);padding:16px 24px;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.pickup-banner .text{font-size:15px;font-weight:600}.pickup-banner .sub{font-size:13px;opacity:.8;margin-top:2px}.pool-section{margin-bottom:28px}.pool-section h3{font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.pool-card{background:#fff;border:2px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:10px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:16px}.pool-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #2563eb26}.pool-card .pool-info{flex:1}.pool-card .pool-title{font-weight:600;font-size:14px;margin-bottom:4px}.pool-card .pool-meta{font-size:12px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.back-btn{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:13px;font-weight:600;background:none;border:none;margin-bottom:16px;cursor:pointer}.back-btn:hover{text-decoration:underline}.ticket-nav-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ticket-nav-bar .nav-left{display:flex;align-items:center;gap:12px}.ticket-nav-bar .nav-right{display:flex;align-items:center;gap:8px}.nav-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:all .15s}.nav-btn:hover:not(:disabled){background:#f1f5f9;border-color:var(--primary);color:var(--primary)}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.nav-counter{font-size:12px;color:var(--muted)}.empty{padding:40px;text-align:center;color:var(--muted)}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.sidebar{width:64px}.sidebar.expanded{width:200px}.sidebar-brand .brand-text{display:none}.sidebar.expanded .sidebar-brand .brand-text{display:inline}.sidebar-footer .uinfo{display:none}.sidebar.expanded .sidebar-footer .uinfo{display:block}.ticket-detail{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.filters{flex-direction:column;gap:6px}.filters select,.filters input{width:100%}.table-header{flex-direction:column;align-items:stretch}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:6px}.stat-card{padding:8px 10px}.stat-card .stat-value{font-size:18px}.stat-card .stat-label{font-size:10px}.content-area{padding:12px 10px}.topbar{padding:10px 12px}.topbar h2{font-size:16px}.sidebar{display:none!important}.app-layout{flex-direction:column}.main-content{padding-bottom:80px}.mobile-tab-bar{display:flex!important;position:fixed;bottom:0;left:0;right:0;background:var(--sidebar);z-index:200;padding:8px 0 max(env(safe-area-inset-bottom,16px),16px);box-shadow:0 -2px 10px #00000026}.mobile-tab-bar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;background:none;border:none;color:#94a3b8;font-size:9px;cursor:pointer;position:relative;min-height:44px}.mobile-tab-bar button.active{color:#fff}.mobile-tab-bar button svg{width:20px;height:20px}.mobile-tab-bar .tab-badge{position:absolute;top:2px;right:calc(50% - 14px);width:6px;height:6px;border-radius:50%;background:#ef4444}.pool-card{padding:10px}.pool-meta{flex-wrap:wrap;gap:4px}.pool-meta span{font-size:11px}table th:nth-child(n+5),table td:nth-child(n+5){display:none}table th,table td{padding:8px 6px;font-size:12px}.kanban-wrap{flex-direction:column!important}.login-card{width:100%;max-width:100vw;padding:24px 16px;border-radius:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.wa-list-panel{width:100%!important;min-width:100%!important;border-right:none!important;background:#111b21!important}.wa-list-panel.wa-has-selection{display:none!important}.wa-mobile-dark.wa-chat-open{overflow:hidden!important}.wa-mobile-dark.wa-chat-open .wa-ai-panel-wrapper{display:none!important}.wa-chat-panel{min-width:100%!important}.wa-chat-panel.wa-no-selection{display:none!important}.wa-mobile-back{display:inline-flex!important}.wa-mobile-dark .wa-list-panel>div:last-child{flex:1;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.wa-mobile-dark .wa-group-item{min-height:64px!important}.wa-mobile-dark .wa-list-header{background:var(--wa-surface)!important;border-bottom:1px solid var(--wa-border)!important}.wa-mobile-dark .wa-list-header *{color:var(--wa-text)!important}.wa-mobile-dark .wa-group-item{background:var(--wa-bg)!important;border-bottom:1px solid #222d35!important}.wa-mobile-dark .wa-group-item.wa-active{background:var(--wa-border)!important}.wa-mobile-dark .wa-group-name{color:var(--wa-text)!important}.wa-mobile-dark .wa-group-preview,.wa-mobile-dark .wa-group-time{color:var(--wa-text-muted)!important}.wa-mobile-dark .wa-chat-header{background:var(--wa-surface)!important;border-bottom:1px solid var(--wa-border)!important}.wa-mobile-dark .wa-chat-header *{color:var(--wa-text)!important}.wa-mobile-dark .wa-chat-area{background:#0b141a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='%23182229' fill-opacity='0.5'%3E%3Cpath d='M20 30c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3zm60 0c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3zm60 0c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3zm60 0c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3zm60 0c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3zm60 0c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3zm-280 60c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3zm60 0c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3zm60 0c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3zm60 0c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3zm60 0c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3zm60 0c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3z'/%3E%3C/g%3E%3C/svg%3E")!important}.wa-mobile-dark .wa-bubble{background:var(--wa-surface)!important;color:var(--wa-text)!important}.wa-mobile-dark .wa-bubble .wa-bubble-time{color:var(--wa-text-muted)!important}.wa-mobile-dark .wa-date-chip{background:var(--wa-date-chip-bg)!important;color:var(--wa-date-chip-text)!important}.wa-mobile-dark .wa-reply-block,.wa-mobile-dark .wa-media-block{background:#1a2731!important}.wa-mobile-dark .wa-bubble-text{color:var(--wa-text)!important}.wa-mobile-dark .wa-topbar-controls{display:none!important}.wa-mobile-dark .wa-ai-panel-wrapper{display:block!important;padding:8px 12px;height:auto!important;flex-shrink:0}.wa-mobile-dark .wa-view-toggle{display:none!important}.wa-mobile-dark{margin:-12px -10px;background:var(--wa-bg)!important;height:calc(100vh - 80px);overflow-y:auto!important;-webkit-overflow-scrolling:touch}.wa-mobile-dark>div{border-radius:0!important;border:none!important;background:var(--wa-bg)!important}.wa-mobile-dark .wa-list-header{position:sticky!important;top:0;z-index:5}.wa-mobile-dark .wa-list-panel{display:flex!important;flex-direction:column!important;min-height:calc(100vh - 130px)}.wa-mobile-dark .wa-list-panel>div:last-child{flex:1}.wa-mobile-dark .wa-list-panel .wa-group-item{padding:14px 16px!important}.wa-mobile-dark .wa-chat-panel{background:var(--wa-chat-bg)!important}}.wa-bubble.wa-highlight{background:var(--wa-highlight-bg)!important;color:var(--wa-highlight-text)!important;box-shadow:0 0 12px var(--wa-highlight-glow);transition:background .5s,box-shadow .5s}.wa-bubble.wa-highlight *{color:var(--wa-highlight-text)!important}.wa-bubble.wa-highlight .wa-bubble-time,.wa-bubble.wa-highlight .wa-bubble-time *{color:var(--wa-highlight-muted)!important}.wa-bubble.wa-highlight .wa-reply-block{background:#00000014!important}.wa-bubble.wa-highlight .wa-reply-block *{color:var(--wa-highlight-text)!important;opacity:.8}.wa-bubble.wa-highlight .wa-media-block{background:#00000014!important}.wa-bubble.wa-highlight .wa-media-block *{color:var(--wa-highlight-text)!important}.wa-bubble.wa-selected,.wa-bubble.wa-highlight.wa-selected{background:var(--wa-selected-bg)!important;color:var(--wa-selected-text)!important}.wa-bubble.wa-selected *{color:var(--wa-selected-text)!important}.wa-bubble.wa-selected .wa-bubble-time,.wa-bubble.wa-selected .wa-bubble-time *{color:var(--wa-selected-muted)!important}.wa-bubble.wa-selected .wa-reply-block{background:#ffffff14!important}.wa-bubble.wa-selected .wa-reply-block *{color:var(--wa-selected-text)!important;opacity:.8}.wa-bubble.wa-selected .wa-media-block{background:#ffffff14!important}.wa-bubble.wa-selected .wa-media-block *{color:var(--wa-selected-text)!important}[data-theme=dark] .topbar{background:var(--card);border-bottom-color:var(--border)}[data-theme=dark] .stat-card{background:var(--card);box-shadow:0 1px 2px #0003}[data-theme=dark] .stat-card:hover{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .table-card{background:var(--card)}[data-theme=dark] th{background:#1a2332;color:var(--muted);border-bottom-color:var(--border)}[data-theme=dark] td{border-bottom-color:var(--border)}[data-theme=dark] tr.clickable:hover td{background:#1f2b3d}[data-theme=dark] .modal{background:var(--card);color:var(--text)}[data-theme=dark] .modal-overlay{background:#0009}[data-theme=dark] .pool-card{background:var(--card);border-color:var(--border)}[data-theme=dark] .pool-card:hover{border-color:var(--primary)}[data-theme=dark] .info-card,[data-theme=dark] .ticket-main{background:var(--card)}[data-theme=dark] .login-card{background:var(--card);color:var(--text)}[data-theme=dark] .google-btn{background:var(--card);color:var(--text);border-color:var(--border)}[data-theme=dark] .google-btn:hover{background:#1f2b3d}[data-theme=dark] .btn-secondary{background:#273344;color:var(--text)}[data-theme=dark] .btn-secondary:hover{background:#334155}[data-theme=dark] .nav-btn{background:var(--card);color:var(--text);border-color:var(--border)}[data-theme=dark] .nav-btn:hover:not(:disabled){background:#1f2b3d}[data-theme=dark] .transcript-box{background:#1a2332;border-color:var(--border)}[data-theme=dark] .comment-form textarea,[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--bg);color:var(--text);border-color:var(--border)}[data-theme=dark] .filters select,[data-theme=dark] .filters input{background:var(--card);color:var(--text);border-color:var(--border)}[data-theme=dark] .user-card{background:var(--card)}[data-theme=dark] .team-cb{background:var(--card);color:var(--text);border-color:var(--border)}[data-theme=dark] .attach-card{background:var(--card);border-color:var(--border)}[data-theme=dark] .upload-zone{border-color:var(--border);color:var(--muted)}[data-theme=dark] .upload-zone:hover,[data-theme=dark] .call-history-header{background:#1a2332}[data-theme=dark] .call-history-header:hover{background:#1f2b3d}[data-theme=dark] .call-summary-box{background:#1a2e1a;border-color:#2d5a2d}[data-theme=dark] .call-audio-box{background:#2a1a3e;border-color:#4a2d6e}[data-theme=dark] .error-msg{background:#2d1515;color:#fca5a5}[data-theme=dark] .info-msg{background:#1a2332;color:#93c5fd}[data-theme=dark] .warn-msg{background:#2d2515;color:#fcd34d}[data-theme=dark] .center-page{background:linear-gradient(135deg,#0f172a,#020617)}[data-theme=dark] .triage-banner,[data-theme=dark] .pickup-banner{background:linear-gradient(135deg,#312e81,#1e1b4b);opacity:.9}.theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;padding:5px 8px;cursor:pointer;font-size:14px;line-height:1;transition:all .15s;color:var(--muted)}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.mobile-tab-bar{display:none}