:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f8;--bg-soft:#fff;--bg-soft-2:#f9fafb;--bg-hover:#f1f3f5;--border:#e3e6ea;--border-strong:#cfd4da;--text:#15181d;--text-dim:#5d6673;--text-soft:#8a929e;--accent:#c8102e;--accent-2:#a00d24;--accent-soft:#fdeaed;--on-accent:#fff;--success:#107a52;--success-soft:#e3f5ec;--warn:#a15c07;--warn-soft:#fdf1d8;--danger:#c4212f;--danger-soft:#fdeaec;--info:#1f5fbf;--info-soft:#e6effc;--ai:#5b3fc4;--ai-soft:#eeeafb;--neutral-soft:#eef0f3;--ok:var(--success);--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #10182814, 0 1px 2px #1018280a;--shadow:0 12px 32px #10182824, 0 2px 6px #1018280f;--focus-ring:0 0 0 3px #c8102e2e;--overlay:#11141a73}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f12;--bg-soft:#17191e;--bg-soft-2:#1c1f25;--bg-hover:#23262d;--border:#2a2e36;--border-strong:#3a3f49;--text:#f1f3f5;--text-dim:#a0a7b3;--text-soft:#737b88;--accent:#e0293d;--accent-2:#f04452;--accent-soft:#c8102e29;--on-accent:#fff;--success:#4fcf9b;--success-soft:#4fcf9b24;--warn:#f0b34a;--warn-soft:#f0b34a24;--danger:#f6727b;--danger-soft:#f6727b24;--info:#74a9f5;--info-soft:#74a9f524;--ai:#a996f5;--ai-soft:#a996f526;--neutral-soft:#ffffff12;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--shadow-xs:none;--shadow-sm:0 1px 2px #0006;--shadow:0 16px 40px #0000008c;--focus-ring:0 0 0 3px #c8102e47;--overlay:#0000009e}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}#root{height:100vh}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;font-weight:650}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{opacity:.5;cursor:not-allowed}.search-input,.filter-select,.date-input,.tag-input,.priority-select,.login-card input,.composer input,.agent-form input,.agent-form select,.agent-card-footer select,.bus-routes-table input,.config-card input[type=text],.config-card input[type=number],.config-card input:not([type]),.config-card select,.config-card textarea{background:var(--bg-soft);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:8px 11px;font-size:13.5px;line-height:1.3;transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--text-soft)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:disabled{background:var(--bg-hover);color:var(--text-soft)}select{cursor:pointer}textarea{resize:vertical}.btn{background:var(--bg-soft);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 13px;font-size:13px;font-weight:600;line-height:1.2;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}.btn-ghost{border-color:var(--border);color:var(--text-dim);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.link-btn{color:var(--info);padding:2px 0;font-size:12.5px;font-weight:600;text-decoration:none}.link-btn:hover{text-decoration:underline}.badge{white-space:nowrap;background:var(--neutral-soft);color:var(--text-dim);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;line-height:1.5;display:inline-flex}.badge-mode.badge-ai{background:var(--ai-soft);color:var(--ai)}.badge-mode.badge-human{background:var(--warn-soft);color:var(--warn)}.badge-status.badge-open{background:var(--info-soft);color:var(--info)}.badge-status.badge-pending{background:var(--warn-soft);color:var(--warn)}.badge-status.badge-resolved{background:var(--success-soft);color:var(--success)}.badge-priority.badge-high{background:var(--warn-soft);color:var(--warn)}.badge-priority.badge-urgent,.badge-alert{background:var(--danger-soft);color:var(--danger)}.badge-agent{border:1px solid var(--border);color:var(--text-dim);background:0 0}.badge-tag{background:var(--neutral-soft);color:var(--text)}.badge-request.badge-submitted{background:var(--warn-soft);color:var(--warn)}.badge-request.badge-processed{background:var(--success-soft);color:var(--success)}.badge-request.badge-rejected{background:var(--danger-soft);color:var(--danger)}.app-shell{height:100vh;display:flex}.sidebar{background:var(--bg-soft);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:236px;display:flex}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:52px;padding:0 16px;display:flex}.brand-logo{background:var(--accent);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.brand-logo-img{object-fit:contain;flex-shrink:0;width:36px;height:36px}.brand-logo-lg{border-radius:13px;width:48px;height:48px;margin:0 auto 4px}.login-logo-img{object-fit:contain;width:80px;height:80px;margin:0 auto 4px}.brand-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.brand-name{letter-spacing:-.01em;font-size:14.5px;font-weight:700}.brand-sub{color:var(--text-dim);font-size:11.5px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar-nav a{border-radius:var(--radius-sm);color:var(--text-dim);align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar-nav a:hover{background:var(--bg-hover);color:var(--text)}.sidebar-nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-icon{flex-shrink:0;display:inline-flex}.sidebar-footer{border-top:1px solid var(--border);padding:12px}.user-chip{align-items:center;gap:10px;min-width:0;padding:4px 6px 10px;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:var(--text-dim);font-size:11.5px}.online-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px}.online-dot.offline{background:var(--text-soft)}.logout-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-dim);justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;font-weight:600;transition:color .12s,border-color .12s,background .12s;display:flex}.logout-btn:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.topbar{background:var(--bg-soft);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;visibility:hidden;flex:1;min-width:0;font-size:15px;font-weight:650;overflow:hidden}.topbar-actions{align-items:center;gap:6px;display:flex}.theme-toggle,.topbar-menu,.notif-bell{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-dim);justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex;position:relative}.theme-toggle:hover,.topbar-menu:hover,.notif-bell:hover,.notif-bell.open{background:var(--bg-hover);color:var(--text)}.topbar-menu,.sidebar-close,.sidebar-backdrop{display:none}.sidebar-close{color:var(--text-dim);border-radius:var(--radius-sm);margin-left:auto;padding:6px}.main-content{flex:1;min-width:0;padding:24px}.page-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.page-header h1{font-size:20px}.page-header>.btn,.page-header>button,.new-request-btn{margin-left:auto}.page-count{background:var(--neutral-soft);color:var(--text-dim);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 9px;font-size:12.5px;font-weight:600}.page-count-sep{color:var(--text-soft);margin:0 3px}.empty-state{text-align:center;color:var(--text-dim);padding:44px 16px;font-size:13.5px}.alert{border-radius:var(--radius-sm);border:1px solid #0000;align-items:flex-start;gap:8px;margin:0 0 14px;padding:10px 13px;font-size:13px;display:flex}.alert.error{background:var(--danger-soft);color:var(--danger)}.alert.warn{background:var(--info-soft);color:var(--info)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}@media (width>=1500px){.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.stat-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);grid-template-columns:1fr auto;grid-template-areas:"label icon""value icon";align-items:start;gap:6px 10px;padding:14px 16px;display:grid}.stat-label{color:var(--text-dim);grid-area:label;font-size:12.5px;font-weight:500}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;grid-area:value;font-size:26px;font-weight:650;line-height:1.1}.stat-icon-wrap{background:var(--neutral-soft);width:32px;height:32px;color:var(--text-dim);border-radius:8px;grid-area:icon;justify-content:center;align-items:center;display:flex}.stat-card.stat-alert{border-color:var(--danger);background:var(--danger-soft)}.stat-card.stat-alert .stat-value,.stat-icon-wrap.stat-icon-alert{color:var(--danger)}.stat-icon-wrap.stat-icon-alert{background:var(--bg-soft)}.filter-bar,.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.search-input{flex:180px;min-width:0}.filter-select{width:100%}.filter-bar input[type=date],.date-input{flex:0 150px;min-width:0}.date-sep{color:var(--text-soft);font-size:13px}.export-btn{flex:none}.filter-btn{border:1px solid var(--border-strong);background:var(--bg-soft);color:var(--text-dim);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.filter-btn:hover,.filter-btn.active{background:var(--text);border-color:var(--text);color:var(--bg-soft)}.view-switch{background:var(--neutral-soft);border-radius:var(--radius-sm);gap:2px;margin-left:auto;padding:3px;display:inline-flex}.view-btn{color:var(--text-dim);border-radius:4px;padding:5px 11px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s}.view-btn:hover{color:var(--text)}.view-btn.active{background:var(--bg-soft);color:var(--text);box-shadow:var(--shadow-sm)}.modal{background:var(--overlay);z-index:200;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);width:380px;max-width:100%;box-shadow:var(--shadow);overflow:hidden}.modal-card.modal-wide{width:540px;max-height:90vh;overflow-y:auto}.modal-head{border-bottom:1px solid var(--border);background:var(--bg-soft);z-index:1;justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:650;display:flex;position:sticky;top:0}.modal-close{color:var(--text-dim);border-radius:var(--radius-sm);padding:5px;display:inline-flex}.modal-close:hover{color:var(--text);background:var(--bg-hover)}.modal-body{flex-direction:column;gap:8px;padding:18px;display:flex}.modal-body .search-input{flex:none;width:100%}.form-label{color:var(--text-dim);margin-top:6px;font-size:12.5px;font-weight:600}.form-field{flex-direction:column;gap:6px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.form-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.notif-wrap{position:relative}.notif-count{background:var(--danger);color:#fff;min-width:16px;height:16px;box-shadow:0 0 0 2px var(--bg-soft);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:3px;right:3px}.notif-dropdown{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);width:360px;max-height:64vh;box-shadow:var(--shadow);z-index:100;position:absolute;top:44px;right:0;overflow-y:auto}.notif-head{border-bottom:1px solid var(--border);background:var(--bg-soft);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13.5px;font-weight:650;display:flex;position:sticky;top:0}.notif-readall{color:var(--info);font-size:12.5px;font-weight:600}.notif-readall:hover{text-decoration:underline}.notif-empty{text-align:center;color:var(--text-dim);padding:28px 16px;font-size:13px}.notif-item{text-align:left;border-bottom:1px solid var(--border);border-left:3px solid #0000;width:100%;padding:11px 14px;transition:background .12s;display:block}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-hover)}.notif-item.unread{border-left-color:var(--info);background:var(--bg-soft-2)}.notif-item.high{border-left-color:var(--danger)}.notif-title{font-size:13px;font-weight:600}.notif-body{color:var(--text-dim);margin:2px 0;font-size:12.5px}.notif-meta{color:var(--text-soft);font-size:11.5px}.workbench{gap:16px;height:calc(100vh - 100px);min-height:460px;display:flex}.wb-list,.wb-detail{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.wb-list{flex-direction:column;flex-shrink:0;width:380px;display:flex}.wb-list-header{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:16px 16px 12px;display:flex}.wb-list-header .page-header,.wb-list-header .filter-bar{margin-bottom:0}.wb-list-header .search-input{flex:none;width:100%}.wb-list-scroll{flex:1;overflow-y:auto}.conversation-list{flex-direction:column;display:flex}.conversation-item{color:inherit;border-bottom:1px solid var(--border);border-left:3px solid #0000;padding:12px 16px;text-decoration:none;transition:background .12s;display:block;position:relative}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.selected{background:var(--bg-hover);border-left-color:var(--accent)}.conv-tags .badge-priority.badge-normal,.conv-tags .badge-priority.badge-low{display:none}.conv-block{align-items:flex-start;gap:12px;display:flex}.conv-avatar{background:var(--neutral-soft);width:40px;height:40px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:650;display:flex;overflow:hidden}.conv-avatar img{object-fit:cover;width:100%;height:100%}.chat-avatar{width:38px;height:38px}.conv-info{flex:1;min-width:0}.conv-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conv-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.conv-time{color:var(--text-soft);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.conv-preview{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 7px;font-size:13px;overflow:hidden}.conv-tags,.chat-badges{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.conv-close-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-soft);width:26px;height:26px;color:var(--text-dim);opacity:0;justify-content:center;align-items:center;transition:opacity .12s,color .12s,border-color .12s;display:inline-flex;position:absolute;top:34px;right:12px}.conversation-item:hover .conv-close-btn,.conv-close-btn:focus-visible{opacity:1}.conv-close-btn:hover{color:var(--danger);border-color:var(--danger)}.conv-archive-btn:hover{color:var(--success);border-color:var(--success)}.wb-detail{flex:1;min-width:0;display:flex}.wb-empty{color:var(--text-dim);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex}.wb-empty-icon{background:var(--neutral-soft);width:56px;height:56px;color:var(--text-soft);border-radius:16px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.wb-empty-title{color:var(--text);font-size:15px;font-weight:650}.wb-empty-sub{max-width:300px;font-size:13px}.conversation-detail{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.chat-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 16px;display:flex}.back-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-dim);flex-shrink:0;justify-content:center;align-items:center;display:none}.back-btn:hover{background:var(--bg-hover);color:var(--text)}.chat-header-main{flex:1;min-width:120px}.chat-title{align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:650;display:flex}.chat-title .inline-btn{flex-shrink:0}.chat-subtitle{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12.5px}.inline-btn{border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600}.inline-btn:hover{background:var(--bg-hover);color:var(--text)}.author-ai,.assign-add{align-items:center;gap:4px;display:inline-flex}.priority-select{padding:4px 8px;font-size:12px;font-weight:600}.intervention-banner,.human-banner,.request-banner{border-radius:var(--radius-sm);align-items:center;gap:8px;margin:12px 16px 0;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.intervention-banner{background:var(--danger-soft);color:var(--danger)}.human-banner{background:var(--warn-soft);color:var(--warn)}.request-banner{background:var(--info-soft);color:var(--info)}.request-banner:hover{text-decoration:underline}.conversation-detail>.alert{margin:12px 16px 0}.chat-actions{flex-wrap:wrap;gap:6px;padding:12px 16px 0;display:flex}.chat-actions .btn{padding:6px 11px;font-size:12.5px}.tags-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px 12px;display:flex}.tag-remove{color:inherit;opacity:.6;align-items:center;padding:0 1px;display:inline-flex}.tag-remove:hover{opacity:1}.tag-input{border-style:dashed;width:130px;padding:3px 8px;font-size:12px}.history-panel{background:var(--bg-soft-2);border-bottom:1px solid var(--border);max-height:180px;padding:10px 16px;overflow-y:auto}.history-entry{flex-wrap:wrap;align-items:baseline;gap:8px;padding:4px 0;font-size:12.5px;display:flex}.history-time{color:var(--text-soft);font-variant-numeric:tabular-nums;min-width:44px}.history-action{font-weight:600}.history-by,.history-empty{color:var(--text-dim)}.history-reason{color:var(--warn)}.messages-area{background:var(--bg-soft-2);flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.end-marker{height:1px}.message-row{display:flex}.message-row.outgoing{justify-content:flex-end}.message-bubble{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px 12px 12px 4px;max-width:min(74%,560px);padding:8px 12px}.message-row.outgoing .message-bubble{background:var(--ai-soft);border-color:#0000;border-radius:12px 12px 4px}.message-row.outgoing.from-agent .message-bubble{background:var(--success-soft)}.message-author{color:var(--text-dim);margin-bottom:2px;font-size:11.5px;font-weight:650}.message-row.outgoing .message-author{color:var(--ai)}.message-row.outgoing.from-agent .message-author{color:var(--success)}.message-content{white-space:pre-wrap;word-break:break-word;font-size:14px}.message-time{color:var(--text-soft);text-align:right;font-variant-numeric:tabular-nums;margin-top:3px;font-size:10.5px}.system-line{text-align:center;background:var(--neutral-soft);max-width:90%;color:var(--text-dim);border-radius:999px;align-self:center;padding:3px 12px;font-size:12px}.composer{border-top:1px solid var(--border);background:var(--bg-soft);align-items:center;gap:8px;padding:12px 16px;display:flex}.composer input{flex:1;min-width:0;padding:10px 13px;font-size:14px}.composer>.btn{padding:10px 16px}.composer-attach{align-items:center;display:flex}.attach-label{color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;align-items:center;padding:9px;display:inline-flex}.attach-label:hover{background:var(--bg-hover);color:var(--text)}.attach-preview{max-width:240px;color:var(--text-dim);background:var(--bg-soft-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:inline-flex}.attach-name{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.attach-clear{color:var(--danger);padding:2px;display:inline-flex}.attach-send{padding:4px 10px;font-size:12px}.conversation-media{border:1px solid var(--border);background:var(--bg-soft);border-radius:8px;max-width:260px;margin:4px 0;overflow:hidden}.conversation-media img{object-fit:cover;width:100%;max-height:220px;display:block}.media-meta,.media-download{color:var(--text-dim);align-items:center;gap:6px;padding:7px 9px;font-size:12px;display:flex}.media-download{color:var(--info);border-top:1px solid var(--border);font-weight:600;text-decoration:none}.media-download:hover{background:var(--bg-hover)}.media-preview-btn{cursor:zoom-in;width:100%;display:block}.media-lightbox{z-index:2000;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.media-lightbox img{object-fit:contain;border-radius:6px;max-width:92vw;max-height:90vh}.lightbox-close{color:#fff;background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;top:18px;right:18px}.lightbox-close:hover{background:#ffffff42}.agent-list{max-height:320px;padding:8px;overflow-y:auto}.agent-row{border-radius:var(--radius-sm);text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13.5px;display:flex}.agent-row:hover{background:var(--bg-hover)}.agent-row.selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.agent-role{color:var(--text-dim);font-size:11.5px}.request-list{flex-direction:column;gap:10px;display:flex}.request-row,.request-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:14px 16px}.request-row.status-processed,.request-row.status-rejected{background:var(--bg-soft-2)}.request-head,.request-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.request-head{margin-bottom:10px}.request-title,.request-type{flex-wrap:wrap;align-items:center;gap:8px;font-weight:650;display:flex}.request-client{color:var(--text-dim);align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.request-number{color:var(--text-soft);font-variant-numeric:tabular-nums;font-size:12px}.request-fields{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 16px;margin-bottom:10px;display:grid}.request-field{flex-direction:column;gap:1px;min-width:0;font-size:13px;display:flex}.request-field-key{color:var(--text-dim);font-size:11.5px}.request-field-value{overflow-wrap:anywhere;font-weight:600}.request-notes{color:var(--text-dim);margin-bottom:8px;font-size:12.5px}.request-notes.price{color:var(--success);font-variant-numeric:tabular-nums;font-weight:650}.request-actions,.request-card-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-top:10px;display:flex}.request-date{color:var(--text-soft);font-variant-numeric:tabular-nums;font-size:12px}.request-buttons{gap:6px;display:flex}.request-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.request-card,.kanban-card{flex-direction:column;gap:10px;display:flex}.request-card .request-fields,.kanban-card .request-fields{grid-template-columns:1fr 1fr;margin-bottom:0}.request-card .btn,.kanban-card .btn{padding:5px 10px;font-size:12px}.kanban-board{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;display:grid}.kanban-column{background:var(--neutral-soft);border-radius:var(--radius);flex-direction:column;min-height:320px;display:flex}.kanban-column-head{align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.kanban-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kanban-title{flex:1;font-size:13px;font-weight:650}.kanban-count{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.kanban-column-body{flex-direction:column;flex:1;gap:8px;max-height:560px;padding:4px 8px 8px;display:flex;overflow-y:auto}.kanban-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);cursor:grab;padding:11px 12px}.kanban-card:hover{border-color:var(--border-strong)}.kanban-card.dragging{opacity:.5;border-style:dashed}.kanban-empty{color:var(--text-soft);text-align:center;padding:18px 0;font-size:12px}.analytics-page{max-width:1500px}.analytics-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}.analytics-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:16px}.analytics-card-wide{grid-column:1/-1}.analytics-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:13.5px;font-weight:650;display:flex}.analytics-legend{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.dot-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.barchart{align-items:stretch;gap:2px;height:170px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.bar-val{color:var(--text-dim);font-variant-numeric:tabular-nums;align-items:center;height:14px;font-size:11px;font-weight:600;display:flex}.bar-track{border-bottom:1px solid var(--border);flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.bar{border-radius:4px 4px 0 0;width:min(64%,34px);min-height:0;transition:height .3s}.bar-label{color:var(--text-soft);white-space:nowrap;font-size:10.5px}.donut-wrap{align-items:center;gap:18px;display:flex}.donut{flex-shrink:0;width:116px;height:116px}.donut-empty{color:var(--text-dim);text-align:center;width:100%;padding:24px 0;font-size:13px}.donut-legend{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.legend-row{color:var(--text-dim);align-items:center;gap:8px;font-size:12.5px;display:flex}.legend-row b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto}.mini-list,.status-bars{flex-direction:column;gap:12px;display:flex}.mini-row{align-items:center;gap:10px;display:flex}.mini-label{color:var(--text-dim);flex-shrink:0;align-items:center;gap:7px;width:112px;min-width:0;font-size:12.5px;display:inline-flex}.mini-icon{color:var(--text-soft);flex-shrink:0;display:inline-flex}.mini-bar-track{background:var(--neutral-soft);border-radius:999px;flex:1;height:8px;overflow:hidden}.mini-bar{border-radius:999px;height:100%;transition:width .3s}.mini-value{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:44px;font-size:12.5px;font-weight:650}.agents-page{max-width:1400px}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.agent-form{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:14px;display:flex}.agent-form input,.agent-form select{flex:180px;min-width:0}.agent-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);flex-direction:column;gap:14px;padding:16px;display:flex}.agent-card.inactive{opacity:.6}.agent-card-head{align-items:center;gap:12px;display:flex}.agent-avatar{background:var(--neutral-soft);width:42px;height:42px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:650;display:flex;position:relative}.agent-avatar .online-dot{border:2px solid var(--bg-soft);width:11px;height:11px;position:absolute;bottom:0;right:0}.agent-card-info{flex:1;min-width:0}.agent-card-name{flex-wrap:wrap;align-items:center;gap:6px;font-weight:650;display:flex}.agent-card-email{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.agent-role-badge{background:var(--neutral-soft);color:var(--text-dim);border-radius:999px;flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:650}.agent-role-badge.role-admin{background:var(--accent-soft);color:var(--accent)}.agent-role-badge.role-supervisor{background:var(--info-soft);color:var(--info)}.agent-kpis{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.kpi-chip{background:var(--bg-soft-2);border-radius:var(--radius-sm);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.kpi-icon{color:var(--text-soft);display:inline-flex}.kpi-num{font-variant-numeric:tabular-nums;font-size:18px;font-weight:650;line-height:1.15}.kpi-label{color:var(--text-dim);white-space:nowrap;font-size:11px}.agent-card-footer{border-top:1px solid var(--border);align-items:center;gap:8px;padding-top:12px;display:flex}.agent-card-footer select{flex:1;min-width:0}.config-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);max-width:680px;margin-bottom:16px;padding:20px}.config-card h2{margin-bottom:14px;font-size:15px}.config-card label{color:var(--text-dim);flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;font-weight:500;display:flex}.config-card label.inline-label{color:var(--text);flex-direction:row;align-items:center;gap:8px}.config-card input[type=text],.config-card input[type=number],.config-card input:not([type]),.config-card select,.config-card textarea{width:100%;font-weight:400}.config-subtitle{margin:18px 0 4px;font-size:14px;font-weight:650}.config-hint{color:var(--text-dim);margin:4px 0 12px;font-size:12.5px}.knowledge-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.knowledge-row{align-items:center;gap:8px;display:flex}.knowledge-row .know-label{flex:2}.knowledge-row .know-content{flex:3}.know-remove{color:var(--danger);border-radius:var(--radius-sm);flex-shrink:0;padding:6px;display:inline-flex}.know-remove:hover{background:var(--danger-soft)}.know-add{align-self:flex-start}.qr-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);text-align:center;max-width:400px;padding:24px}.qr-card h2{margin-bottom:6px;font-size:15px}.qr-hint{color:var(--text-dim);margin-bottom:14px;font-size:13px}.qr-image{background:#fff;border-radius:8px;width:240px;height:240px;margin-bottom:14px;padding:8px}.qr-placeholder{height:240px;color:var(--text-dim);justify-content:center;align-items:center;display:flex}.qr-actions{margin-bottom:8px}.qr-refresh-note{color:var(--text-soft);font-size:11.5px}.qr-connected{flex-direction:column;align-items:center;gap:12px;display:flex}.qr-connected-title{font-size:17px;font-weight:650}.qr-connected-number{color:var(--text-dim);font-variant-numeric:tabular-nums}.bus-routes-page{max-width:900px}.pricing-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);margin-bottom:28px;padding:18px 20px}.pricing-card h2,.pricing-section-head h2{font-size:15px}.pricing-card h2{margin-bottom:14px}.pricing-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 16px;display:grid}.pricing-field{color:var(--text-dim);flex-direction:column;gap:6px;font-size:12.5px;font-weight:500;display:flex}.pricing-input{background:var(--bg-soft);border:1px solid var(--border-strong);border-radius:var(--radius-sm);align-items:center;transition:border-color .12s,box-shadow .12s;display:flex}.pricing-input:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.pricing-input input{min-width:0;box-shadow:none;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;flex:1;padding:8px 4px 8px 11px;font-size:14px;font-weight:600}.pricing-input input:disabled{color:var(--text-dim);background:0 0}.pricing-unit{color:var(--text-soft);padding:0 11px 0 4px;font-size:12.5px;font-weight:500}.pricing-example{color:var(--text-dim);margin-top:14px;font-size:13px}.pricing-example b{color:var(--text);font-variant-numeric:tabular-nums}.pricing-section-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.bus-routes-hint{color:var(--text-dim);max-width:68ch;margin:-6px 0 16px;font-size:13px}.bus-routes-table-wrap{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);overflow-x:auto}.bus-routes-table{border-collapse:collapse;width:100%}.bus-routes-table th,.bus-routes-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px}.bus-routes-table tbody tr:last-child td{border-bottom:none}.bus-routes-table tbody tr:hover td{background:var(--bg-soft-2)}.bus-routes-table th{color:var(--text-dim);background:var(--bg-soft-2);font-size:12px;font-weight:600}.bus-routes-table .num{text-align:right;font-variant-numeric:tabular-nums}.bus-routes-table .actions{text-align:right;width:1%}.bus-routes-table .actions .btn{margin-left:6px;padding:5px 10px;font-size:12px}.bus-routes-table tr.editing td{background:var(--accent-soft)}.bus-routes-table input{width:100%;min-width:90px;padding:6px 9px}.bus-routes-table td.num input{text-align:right}.bus-route-delete{color:var(--danger)}.bus-route-delete:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-glow{display:none}.login-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);width:380px;max-width:100%;box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:32px 28px;display:flex}.login-brand{justify-content:center;display:flex}.login-card h1{text-align:center;font-size:20px}.login-subtitle{text-align:center;color:var(--text-dim);margin:-8px 0 6px;font-size:13.5px}.login-fields{flex-direction:column;gap:12px;display:flex}.login-card label{color:var(--text-dim);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.login-card input{padding:10px 12px;font-size:14px}.login-card .btn{margin-top:4px;padding:11px 14px;font-size:14px}@media (width<=1300px){.kanban-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.wb-list{width:320px}}@media (width<=860px){.app-shell{display:block}.main{height:100vh}.sidebar{z-index:1200;width:264px;box-shadow:var(--shadow);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close,.topbar-menu{display:inline-flex}.sidebar-backdrop{z-index:1100;background:var(--overlay);display:block;position:fixed;inset:0}.topbar{height:54px;padding:0 12px}.topbar-title{visibility:visible}.page-header h1{display:none}.main-content{padding:12px}.workbench{height:calc(100vh - 78px)}.wb-list{width:100%}.wb-detail,.workbench.has-detail .wb-list{display:none}.workbench.has-detail .wb-detail{width:100%;display:flex}.back-btn{display:inline-flex}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar .search-input{flex:100%}.filter-bar input[type=date]{flex:calc(50% - 4px)}.view-switch{margin-left:0}.kanban-board,.form-row{grid-template-columns:1fr}.message-bubble{max-width:88%}.notif-dropdown{width:auto;max-height:calc(100vh - 74px);position:fixed;top:58px;left:8px;right:8px}.bus-routes-table th,.bus-routes-table td{padding:9px 12px}}.insurance-page{max-width:1000px}.insurance-tabs{gap:6px;margin-bottom:16px;display:flex}.insurance-toolbar{margin-bottom:14px}.insurance-category{margin-bottom:24px}.insurance-category .pricing-section-head{margin-bottom:8px}.insurance-add-form{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:18px;padding:16px;display:grid}.insurance-add-form label{color:var(--text-dim);flex-direction:column;gap:5px;font-size:12.5px;font-weight:500;display:flex}.insurance-add-form input{background:var(--bg-soft);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:8px 11px;font-size:13.5px;transition:border-color .12s,box-shadow .12s}.insurance-add-form input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.insurance-add-form .form-actions{grid-column:1/-1}.mono-text{background:var(--bg-secondary);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.85em;display:inline-block}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
