@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Roboto",sans-serif;--font-display:"Inter",sans-serif;--bg:#fbf8f1;--panel:#fcfcfc;--panel-muted:#f1eee7;--text:#1c222b;--text-muted:#4f5661;--text-soft:#6e7278;--primary:#a4802b;--primary-strong:#8f6b09;--accent:#a4802b;--wine:#7c2524;--border:#b59b6333;--shadow-sm:0 2px 10px #0f172a14;--shadow-md:0 18px 40px #0f172a29;--glow:0 0 18px #a4802b40;--bg-gradient:radial-gradient(circle at 15% 15%,#fbedd199 0%,transparent 45%),radial-gradient(circle at 85% 5%,#e7ddc866 0%,transparent 40%),linear-gradient(180deg,#f8f8f8 0%,#eee 100%);--app-gradient:linear-gradient(180deg,transparent 0%,#e7ddc833 100%);--scrollbar-thumb:#868073;--brand-gradient:linear-gradient(135deg,#fcfcfc 0%,#f1eee7 100%);--brand-mark-bg:#f5f1ea;--avatar-gradient:linear-gradient(135deg,#e4ddcf,#f8f8f8);--badge-bg:#f1eee7;--badge-online-bg:#eddcb9;--badge-busy-bg:#f4e6ca;--badge-offline-bg:#eeebe4;--badge-open-bg:#f5f1ea;--badge-assigned-bg:#eee0c4;--badge-closed-bg:#f5e3e1;--pill-bg:#f5f1ea;--pill-connected-bg:#eddcb9;--pill-reconnecting-bg:#f4e6ca;--pill-disconnected-bg:#f8e6e4;--toggle-bg:#e1ded7;--unread-border:#a4802b73;--unread-bg:#eaddc199;--hover-border:#a4802b66;--btn-ghost-hover-bg:#a4802b1f;--btn-primary-text:#1c222b;--msg-agent-bg:#f7e6c3;--msg-guest-bg:#fcfcfc;--msg-bot-bg:#e2efe4;--msg-bot-border:#89a88e4d;--msg-bot-text:#273129;--focus-ring:0 0 0 3px #a4802b40;--focus-outline:2px solid #a4802b99;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--space-1:8px;--space-2:16px;--space-3:24px}@supports (color:lab(0% 0 0)){:root{--bg:lab(97.7201% .286549 3.81312);--panel:lab(98.84% .0000298023 -.0000119209);--panel-muted:lab(94.24% .287414 3.81376);--text:lab(12.9118% -.603847 -7.27841);--text-muted:lab(36.1243% -.829309 -7.36671);--text-soft:lab(47.7666% -.495315 -3.72248);--primary:lab(56.0778% 8.01742 49.4787);--primary-strong:lab(47.9233% 8.5952 52.1064);--accent:lab(56.0778% 8.01742 49.4787);--wine:lab(29.1992% 37.8517 22.6944);--border:lab(65.3884% 4.58226 32.91/.2);--glow:0 0 18px lab(56.0778% 8.01742 49.4787/.25);--bg-gradient:radial-gradient(circle at 15% 15%,lab(94.3393% 1.51199 15.5285/.6) 0%,transparent 45%),radial-gradient(circle at 85% 5%,lab(88.5088% 1.0595 11.5849/.4) 0%,transparent 40%),linear-gradient(180deg,lab(97.68% -.0000298023 .0000119209) 0%,lab(94.2% 0 0) 100%);--app-gradient:linear-gradient(180deg,transparent 0%,lab(88.5088% 1.0595 11.5849/.2) 100%);--scrollbar-thumb:lab(53.6725% .706285 7.72331);--brand-gradient:linear-gradient(135deg,lab(98.84% .0000298023 -.0000119209) 0%,lab(94.24% .287414 3.81376) 100%);--brand-mark-bg:lab(95.4001% .287116 3.81355);--avatar-gradient:linear-gradient(135deg,lab(88.4762% .642717 7.67483),lab(97.68% -.0000298023 .0000119209));--badge-bg:lab(94.24% .287414 3.81376);--badge-online-bg:lab(88.5633% 2.07794 19.5804);--badge-busy-bg:lab(92.0187% 1.52218 15.5372);--badge-offline-bg:lab(93.08% .287741 3.81397);--badge-open-bg:lab(95.4001% .287116 3.81355);--badge-assigned-bg:lab(89.6981% 1.53282 15.5464);--badge-closed-bg:lab(91.6958% 6.12229 3.29677);--pill-bg:lab(95.4001% .287116 3.81355);--pill-connected-bg:lab(88.5633% 2.07794 19.5804);--pill-reconnecting-bg:lab(92.0187% 1.52218 15.5372);--pill-disconnected-bg:lab(92.8558% 6.12211 3.29652);--toggle-bg:lab(88.4399% .289172 3.81488);--unread-border:lab(56.0778% 8.01742 49.4787/.45);--unread-bg:lab(88.5378% 1.53828 15.5512/.6);--hover-border:lab(56.0778% 8.01742 49.4787/.4);--btn-ghost-hover-bg:lab(56.0778% 8.01742 49.4787/.12);--btn-primary-text:lab(12.9118% -.603847 -7.27841);--msg-agent-bg:lab(92.0448% 2.05305 19.5569);--msg-guest-bg:lab(98.84% .0000298023 -.0000119209);--msg-bot-bg:lab(93.3086% -5.91046 3.76451);--msg-bot-border:lab(65.8606% -14.8377 9.51284/.3);--msg-bot-text:lab(19.0646% -5.93255 3.80099);--focus-ring:0 0 0 3px lab(56.0778% 8.01742 49.4787/.25);--focus-outline:2px solid lab(56.0778% 8.01742 49.4787/.6)}}:root[data-theme=dark],[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070707;--panel:#121212;--panel-muted:#1b1b1b;--text:#f1eee7;--text-muted:#b7b7b7;--text-soft:#8f8f8f;--primary:#d1a84b;--primary-strong:#c1983a;--accent:#d1a84b;--wine:#6c1517;--border:#d1a84b33;--shadow-sm:0 2px 10px #00000059;--shadow-md:0 18px 40px #0000008c;--glow:0 0 24px #d1a84b59;--bg-gradient:radial-gradient(circle at 20% 20%,#1a150b99 0%,transparent 50%),radial-gradient(circle at 80% 10%,#392c0c4d 0%,transparent 45%),linear-gradient(180deg,#060606 0%,#030303 100%);--app-gradient:linear-gradient(180deg,transparent 0%,#1a150b14 100%);--scrollbar-thumb:#3f3a2f;--brand-gradient:linear-gradient(135deg,#1b1b1b 0%,#060606 100%);--brand-mark-bg:#1b1b1b;--avatar-gradient:linear-gradient(135deg,#2d281e,#121212);--badge-bg:#161616;--badge-online-bg:#211909;--badge-busy-bg:#262117;--badge-offline-bg:#0d0d0d;--badge-open-bg:#161616;--badge-assigned-bg:#1f1a10;--badge-closed-bg:#121212;--pill-bg:#0d0d0d;--pill-connected-bg:#211909;--pill-reconnecting-bg:#1a150b;--pill-disconnected-bg:#0d0d0d;--toggle-bg:#161616;--unread-border:#d1a84b99;--unread-bg:#1a150b66;--hover-border:#d1a84b80;--btn-ghost-hover-bg:#d1a84b1a;--btn-primary-text:var(--bg);--msg-agent-bg:#261e0e;--msg-guest-bg:#121212;--msg-bot-bg:#101911;--msg-bot-border:#89a88e66;--msg-bot-text:#dae0da;--focus-ring:0 0 0 3px #d1a84b33;--focus-outline:2px solid #d1a84b99}@supports (color:lab(0% 0 0)){:root[data-theme=dark],[data-theme=dark]{--bg:lab(1.98454% 0 0);--panel:lab(5.26802% 0 0);--panel-muted:lab(9.52% -.00000745058 0);--text:lab(94.24% .287414 3.81376);--text-muted:lab(74.48% -.0000298023 0);--text-soft:lab(59.4% 0 0);--primary:lab(71.2019% 8.24577 52.3464);--primary-strong:lab(65.3823% 8.57556 53.3721);--accent:lab(71.2019% 8.24577 52.3464);--wine:lab(23.385% 37.9736 23.5817);--border:lab(71.2019% 8.24577 52.3464/.2);--glow:0 0 24px lab(71.2019% 8.24577 52.3464/.35);--bg-gradient:radial-gradient(circle at 20% 20%,lab(7.27453% 1.01619 6.17766/.6) 0%,transparent 50%),radial-gradient(circle at 80% 10%,lab(18.8794% 3.51618 21.7971/.3) 0%,transparent 45%),linear-gradient(180deg,lab(1.5609% 0 0) 0%,lab(.903296% 0 0) 100%);--app-gradient:linear-gradient(180deg,transparent 0%,lab(7.27453% 1.01619 6.17766/.08) 100%);--scrollbar-thumb:lab(24.6648% .839978 7.84064);--brand-gradient:linear-gradient(135deg,lab(9.52% -.00000745058 0) 0%,lab(1.5609% 0 0) 100%);--brand-mark-bg:lab(9.52% -.00000745058 0);--avatar-gradient:linear-gradient(135deg,lab(16.5403% .918418 7.92145),lab(5.26802% 0 0));--badge-bg:lab(7.22637% -.0000149012 0);--badge-online-bg:lab(9.58078% 1.88671 10.4638);--badge-busy-bg:lab(13.0576% .964806 7.97434);--badge-offline-bg:lab(3.6999% 0 0);--badge-open-bg:lab(7.22637% -.0000149012 0);--badge-assigned-bg:lab(9.57422% 1.02317 7.38932);--badge-closed-bg:lab(5.26802% 0 0);--pill-bg:lab(3.6999% 0 0);--pill-connected-bg:lab(9.58078% 1.88671 10.4638);--pill-reconnecting-bg:lab(7.27453% 1.01619 6.17766);--pill-disconnected-bg:lab(3.6999% 0 0);--toggle-bg:lab(7.22637% -.0000149012 0);--unread-border:lab(71.2019% 8.24577 52.3464/.6);--unread-bg:lab(7.27453% 1.01619 6.17766/.4);--hover-border:lab(71.2019% 8.24577 52.3464/.5);--btn-ghost-hover-bg:lab(71.2019% 8.24577 52.3464/.1);--msg-agent-bg:lab(11.9058% 1.80068 11.7233);--msg-guest-bg:lab(5.26802% 0 0);--msg-bot-bg:lab(7.47379% -5.35896 3.32561);--msg-bot-border:lab(65.8606% -14.8377 9.51284/.4);--msg-bot-text:lab(88.5348% -2.95305 1.87852);--focus-ring:0 0 0 3px lab(71.2019% 8.24577 52.3464/.2);--focus-outline:2px solid lab(71.2019% 8.24577 52.3464/.6)}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070707;--panel:#121212;--panel-muted:#1b1b1b;--text:#f1eee7;--text-muted:#b7b7b7;--text-soft:#8f8f8f;--primary:#d1a84b;--primary-strong:#c1983a;--accent:#d1a84b;--wine:#6c1517;--border:#d1a84b33;--shadow-sm:0 2px 10px #00000059;--shadow-md:0 18px 40px #0000008c;--glow:0 0 24px #d1a84b59;--bg-gradient:radial-gradient(circle at 20% 20%,#1a150b99 0%,transparent 50%),radial-gradient(circle at 80% 10%,#392c0c4d 0%,transparent 45%),linear-gradient(180deg,#060606 0%,#030303 100%);--app-gradient:linear-gradient(180deg,transparent 0%,#1a150b14 100%);--scrollbar-thumb:#3f3a2f;--brand-gradient:linear-gradient(135deg,#1b1b1b 0%,#060606 100%);--brand-mark-bg:#1b1b1b;--avatar-gradient:linear-gradient(135deg,#2d281e,#121212);--badge-bg:#161616;--badge-online-bg:#211909;--badge-busy-bg:#262117;--badge-offline-bg:#0d0d0d;--badge-open-bg:#161616;--badge-assigned-bg:#1f1a10;--badge-closed-bg:#121212;--pill-bg:#0d0d0d;--pill-connected-bg:#211909;--pill-reconnecting-bg:#1a150b;--pill-disconnected-bg:#0d0d0d;--toggle-bg:#161616;--unread-border:#d1a84b99;--unread-bg:#1a150b66;--hover-border:#d1a84b80;--btn-ghost-hover-bg:#d1a84b1a;--btn-primary-text:var(--bg);--msg-agent-bg:#261e0e;--msg-guest-bg:#121212;--msg-bot-bg:#101911;--msg-bot-border:#89a88e66;--msg-bot-text:#dae0da;--focus-ring:0 0 0 3px #d1a84b33;--focus-outline:2px solid #d1a84b99}@supports (color:lab(0% 0 0)){:root:not([data-theme]){--bg:lab(1.98454% 0 0);--panel:lab(5.26802% 0 0);--panel-muted:lab(9.52% -.00000745058 0);--text:lab(94.24% .287414 3.81376);--text-muted:lab(74.48% -.0000298023 0);--text-soft:lab(59.4% 0 0);--primary:lab(71.2019% 8.24577 52.3464);--primary-strong:lab(65.3823% 8.57556 53.3721);--accent:lab(71.2019% 8.24577 52.3464);--wine:lab(23.385% 37.9736 23.5817);--border:lab(71.2019% 8.24577 52.3464/.2);--glow:0 0 24px lab(71.2019% 8.24577 52.3464/.35);--bg-gradient:radial-gradient(circle at 20% 20%,lab(7.27453% 1.01619 6.17766/.6) 0%,transparent 50%),radial-gradient(circle at 80% 10%,lab(18.8794% 3.51618 21.7971/.3) 0%,transparent 45%),linear-gradient(180deg,lab(1.5609% 0 0) 0%,lab(.903296% 0 0) 100%);--app-gradient:linear-gradient(180deg,transparent 0%,lab(7.27453% 1.01619 6.17766/.08) 100%);--scrollbar-thumb:lab(24.6648% .839978 7.84064);--brand-gradient:linear-gradient(135deg,lab(9.52% -.00000745058 0) 0%,lab(1.5609% 0 0) 100%);--brand-mark-bg:lab(9.52% -.00000745058 0);--avatar-gradient:linear-gradient(135deg,lab(16.5403% .918418 7.92145),lab(5.26802% 0 0));--badge-bg:lab(7.22637% -.0000149012 0);--badge-online-bg:lab(9.58078% 1.88671 10.4638);--badge-busy-bg:lab(13.0576% .964806 7.97434);--badge-offline-bg:lab(3.6999% 0 0);--badge-open-bg:lab(7.22637% -.0000149012 0);--badge-assigned-bg:lab(9.57422% 1.02317 7.38932);--badge-closed-bg:lab(5.26802% 0 0);--pill-bg:lab(3.6999% 0 0);--pill-connected-bg:lab(9.58078% 1.88671 10.4638);--pill-reconnecting-bg:lab(7.27453% 1.01619 6.17766);--pill-disconnected-bg:lab(3.6999% 0 0);--toggle-bg:lab(7.22637% -.0000149012 0);--unread-border:lab(71.2019% 8.24577 52.3464/.6);--unread-bg:lab(7.27453% 1.01619 6.17766/.4);--hover-border:lab(71.2019% 8.24577 52.3464/.5);--btn-ghost-hover-bg:lab(71.2019% 8.24577 52.3464/.1);--msg-agent-bg:lab(11.9058% 1.80068 11.7233);--msg-guest-bg:lab(5.26802% 0 0);--msg-bot-bg:lab(7.47379% -5.35896 3.32561);--msg-bot-border:lab(65.8606% -14.8377 9.51284/.4);--msg-bot-text:lab(88.5348% -2.95305 1.87852);--focus-ring:0 0 0 3px lab(71.2019% 8.24577 52.3464/.2);--focus-outline:2px solid lab(71.2019% 8.24577 52.3464/.6)}}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text);background:var(--bg-gradient);min-height:100vh;font-size:16.5px;font-weight:400;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.app{gap:var(--space-3);padding:var(--space-3);background-image:var(--app-gradient);grid-template-columns:320px 1fr;height:100vh;min-height:100vh;display:grid}.admin-app{gap:var(--space-3);padding:var(--space-3);background-image:var(--app-gradient);grid-template-columns:280px 1fr;min-height:100vh;display:grid}.admin-sidebar{gap:var(--space-2);padding-right:var(--space-1);flex-direction:column;display:flex;overflow:auto}.admin-user{padding:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);flex-direction:column;gap:4px;display:flex}.admin-user__label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:11px}.admin-user__value{font-weight:700}.admin-main{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.admin-main__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.admin-main__title{font-size:20px;font-weight:700}.admin-main__subtitle{color:var(--text-muted);font-size:13px}.admin-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.admin-conv{gap:var(--space-3);display:grid}.admin-conv-panel{width:100%}.admin-conv-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.admin-login{max-width:420px}.admin-nav{gap:var(--space-1);flex-direction:column;display:flex}.admin-nav .btn{width:100%}.admin-dashboard{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start}.card--span{grid-column:span 2}.metrics-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.metric{padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel-muted)}.metric__label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-soft);font-size:11px}.metric__value{margin-top:6px;font-size:22px;font-weight:700}.chart{margin-top:var(--space-2);align-items:flex-end;min-height:220px;display:flex;position:relative}.chart__controls{gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.field--inline{flex-direction:row;align-items:center;gap:10px}.field--inline span{min-width:44px}.chart__bars{grid-template-columns:repeat(auto-fit,minmax(28px,1fr));align-items:end;gap:12px;width:100%;display:grid}.chart__bar{--value:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-height:180px;display:flex}.chart__bar-fill{width:100%;height:calc(var(--value)*1%);background:var(--primary);min-height:10px;box-shadow:var(--glow);border-radius:10px 10px 6px 6px;transition:height .3s}.chart__label{color:var(--text-soft);font-size:10px}.chart__value{color:var(--text-muted);font-size:11px;font-weight:600}.recharts-wrap{width:100%;min-height:240px}.chart__empty{color:var(--text-soft);padding:var(--space-2);font-size:12px}.recharts-tooltip{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text);padding:8px 10px;font-size:11px}.recharts-tooltip__title{margin-bottom:4px;font-weight:700}.recharts-tooltip__value{color:var(--text-soft)}.admin-agent-list li{align-items:flex-start}.admin-agent-item .admin-list__meta{line-height:1.4}.admin-conv-title{font-size:16px;font-weight:700}.admin-conv-meta{color:var(--text-soft);font-size:12px}.detail-grid{padding:var(--space-1)0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.detail-row{flex-direction:column;gap:4px;display:flex}.detail__value{font-weight:600}.admin-message-list{max-height:320px;padding-right:4px;overflow-y:auto}.admin-message-list .msg{max-width:100%}.list li.is-selected{border-color:var(--primary);box-shadow:var(--glow)}.admin-form-card{max-width:520px}.admin-list li{align-items:flex-start;gap:var(--space-3)}.admin-list__content{flex-direction:column;flex:1;min-width:0;display:flex}.admin-list__title{font-size:16px;font-weight:700}.admin-list__meta{color:var(--text-soft);font-size:12px}.admin-list__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.notice{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--badge-online-bg);color:var(--text);padding:10px 12px;font-size:12px}.notice--error{background:var(--badge-closed-bg);color:var(--wine)}.side{gap:var(--space-2);padding-right:var(--space-1);flex-direction:column;min-height:90vh;display:flex;overflow-y:auto}.brand{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--brand-gradient);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-md);display:flex}.brand__mark{width:44px;height:44px;font-family:var(--font-display);letter-spacing:.4px;background:var(--brand-mark-bg);border:1px solid var(--border);color:var(--primary);box-shadow:var(--glow);border-radius:14px;place-items:center;font-weight:700;display:grid}.brand__title{font-family:var(--font-display);letter-spacing:-.2px;font-size:19px;font-weight:700}.brand__subtitle{opacity:.85;text-transform:uppercase;letter-spacing:.6px;margin-top:4px;font-size:13px}.agent-card{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--panel)0%,var(--panel-muted)100%);border:1px solid var(--border);box-shadow:var(--shadow-sm);min-height:20%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.agent-card:hover{box-shadow:var(--shadow-md);border-color:var(--hover-border);transform:translateY(-2px)}.agent-card:before{content:"";background:radial-gradient(circle at 0% 0%,var(--primary)0%,transparent 50%);opacity:.03;pointer-events:none;position:absolute;inset:0}.agent-card__avatar{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);width:48px;height:48px;box-shadow:0 4px 12px var(--primary),inset 0 0 0 2px var(--border);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.agent-card__avatar:before{content:"";background:linear-gradient(135deg,var(--primary)0%,transparent 50%);opacity:.4;border-radius:50%;animation:3s ease-in-out infinite avatar-glow;position:absolute;inset:-2px}@keyframes avatar-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.agent-card__info{flex:1}.agent-card__name{letter-spacing:-.2px;font-size:17px;font-weight:700}.agent-card__role{color:var(--text-soft);letter-spacing:.3px;margin-top:4px;font-size:13px}.status-badge{text-transform:uppercase;letter-spacing:.5px;background:var(--badge-bg);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .3s;display:inline-flex;position:relative}.status-badge:before{content:"";opacity:.6;background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge[data-status=online],.status-badge[data-status=available]{background:linear-gradient(135deg,var(--badge-online-bg)0%,var(--panel)100%);color:var(--primary);box-shadow:var(--glow);border-color:var(--primary)}.status-badge[data-status=online]:before,.status-badge[data-status=available]:before{background:var(--primary);opacity:1;animation:1.5s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{box-shadow:0 0 0 0 var(--primary)}50%{box-shadow:0 0 6px 3px var(--primary)}}.status-badge[data-status=busy]{background:linear-gradient(135deg,var(--badge-busy-bg)0%,var(--panel)100%);color:var(--primary)}.status-badge[data-status=offline]{background:var(--badge-offline-bg);color:var(--text-soft)}.status-badge[data-status=open]{background:linear-gradient(135deg,var(--badge-open-bg)0%,var(--panel)100%);color:var(--text-muted)}.status-badge[data-status=assigned]{background:linear-gradient(135deg,var(--badge-assigned-bg)0%,var(--panel)100%);color:var(--primary);box-shadow:0 0 8px var(--primary)}.status-badge[data-status=closed]{background:linear-gradient(135deg,var(--badge-closed-bg)0%,var(--panel)100%);color:var(--wine)}.card{padding:var(--space-2);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--panel)0%,var(--panel-muted)100%);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--hover-border)}.card:before{content:"";background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover:before{opacity:.6}.card__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.3em;color:var(--primary);margin-bottom:var(--space-2);align-items:center;gap:8px;font-size:13px;display:flex}.card__title:before{content:"";background:var(--primary);width:4px;height:4px;box-shadow:0 0 6px var(--primary);border-radius:50%}.card__title:after{content:"";background:linear-gradient(90deg,var(--border),transparent);flex:1;height:1px;display:block}.stack{gap:var(--space-3);flex-direction:column;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--text-muted);letter-spacing:.3px;font-size:13px;font-weight:600}.field input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-muted);color:var(--text);padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-muted);color:var(--text);flex:1;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.field input:focus,.input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-muted);width:100%;color:var(--text);cursor:pointer;padding:12px 14px;font-size:14px}.status-pill{margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.4px;background:var(--pill-bg);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.status-pill[data-state=connected]{background:var(--pill-connected-bg);color:var(--primary)}.status-pill[data-state=reconnecting]{background:var(--pill-reconnecting-bg);color:var(--primary)}.status-pill[data-state=disconnected]{background:var(--pill-disconnected-bg);color:var(--wine)}.hint{color:var(--text-soft);margin-top:6px;font-size:13px}.toggle{color:var(--text);cursor:pointer;align-items:center;gap:10px;margin-bottom:2%;font-size:13px;display:flex}.toggle input{appearance:none;background:var(--toggle-bg);border-radius:999px;width:44px;height:24px;transition:background .2s;position:relative}.toggle input:before{content:"";background:var(--text);width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked{background:var(--primary)}.toggle input:checked:before{transform:translate(20px)}.queue__summary{margin-bottom:var(--space-1);color:var(--text-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.queue__count{font-weight:600}.row{margin-bottom:var(--space-1);gap:10px;display:flex}.row .btn{flex:1}.list{flex-direction:column;gap:10px;max-height:220px;margin-top:20px;list-style:none;display:flex;overflow-y:auto}.list li{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(135deg,var(--panel)0%,var(--panel-muted)100%);cursor:pointer;justify-content:space-between;align-items:center;padding:25px 16px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.list li:before{content:"";background:linear-gradient(180deg,var(--primary)0%,var(--accent)100%);opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.list li:after{content:"";background:linear-gradient(135deg,var(--primary)0%,transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.list li.unread{border-color:var(--unread-border);background:linear-gradient(135deg,var(--unread-bg)0%,var(--panel-muted)100%);animation:2s ease-in-out infinite pulse-subtle}.list li.unread:before{opacity:1;background:linear-gradient(180deg,var(--wine)0%,var(--primary)100%)}@keyframes pulse-subtle{0%,to{box-shadow:0 0 0 0 var(--unread-border)}50%{box-shadow:0 0 8px 2px var(--unread-border)}}.list li:hover{border-color:var(--hover-border);box-shadow:var(--shadow-md),var(--glow);transform:translateY(-3px)scale(1.01)}.list li:hover:before{opacity:1}.list li:hover:after{opacity:.05}.list li:active{box-shadow:var(--shadow-sm);transform:translateY(-1px)scale(.99)}.list li span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;transition:color .2s;overflow:hidden}.list li:hover span{color:var(--primary)}.list__label{align-items:center;gap:10px;display:inline-flex;overflow:hidden}.unread-dot{background:linear-gradient(135deg,var(--wine)0%,var(--primary)100%);width:10px;height:10px;box-shadow:0 0 8px var(--wine),0 0 0 3px var(--panel-muted);border-radius:999px;flex:none;animation:1.5s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{box-shadow:0 0 8px var(--wine),0 0 0 3px var(--panel-muted);transform:scale(1)}50%{box-shadow:0 0 12px var(--wine),0 0 0 4px var(--panel-muted);transform:scale(1.15)}}.unread-pill{background:linear-gradient(135deg,var(--wine)0%,var(--primary)100%);color:#fff;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 2px 8px var(--wine);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite pill-glow}@keyframes pill-glow{0%,to{box-shadow:0 2px 8px var(--wine)}50%{box-shadow:0 2px 12px var(--wine),0 0 20px var(--wine)}}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s}.btn--primary{background:var(--primary);color:var(--btn-primary-text);box-shadow:var(--glow);text-transform:uppercase;letter-spacing:.2em}.btn--primary:hover{background:var(--primary-strong)}.btn--ghost{border:1px solid var(--border);color:var(--primary);text-align:center;text-transform:uppercase;letter-spacing:.2em;background:0 0}.btn--ghost:hover{background:var(--btn-ghost-hover-bg);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.chat{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-md);grid-template-rows:auto 1fr auto;height:calc(100vh - 48px);min-height:calc(100vh - 48px);display:grid}.chat__header{justify-content:space-between;gap:var(--space-2);border-bottom:1px solid var(--border);padding-bottom:var(--space-2);display:flex}.chat__header-main{flex:1}.chat__title{font-family:var(--font-display);font-size:27px;font-weight:700}.chat__details{margin-top:var(--space-1);color:var(--text-muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:13px;display:grid}.detail{flex-direction:column;gap:4px;display:flex}.detail__label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-soft);font-size:12px}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-weight:600;display:inline-flex}.link-btn:disabled{color:var(--text-soft);cursor:not-allowed}.link-btn__hint{color:var(--text-soft);font-size:11px}.chat__meta{margin-top:var(--space-1);color:var(--text-soft);font-size:12px}.chat__header-actions{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.action-group{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.chat__messages{padding:var(--space-2)4px;flex-direction:column;gap:12px;min-height:0;list-style:none;display:flex;overflow-y:auto}.msg{flex-direction:column;gap:6px;max-width:75%;display:flex}.msg--continued{margin-top:-4px}.msg__meta{color:var(--text-soft);justify-content:space-between;font-size:11px;display:flex}.msg__bubble{border-radius:var(--radius-md);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-shadow:var(--shadow-sm);padding:12px 14px;line-height:1.5}.msg--agent{align-self:flex-end}.msg--agent .msg__bubble{background:var(--msg-agent-bg);color:var(--text);border:1px solid var(--border);border-bottom-right-radius:6px}.msg--guest{align-self:flex-start}.msg--guest .msg__bubble{background:var(--msg-guest-bg);border:1px solid var(--border);border-bottom-left-radius:6px}.msg--bot .msg__bubble{background:var(--msg-bot-bg);border:1px solid var(--msg-bot-border);color:var(--msg-bot-text);border-bottom-left-radius:6px}.chat__typing{min-height:20px;color:var(--text-muted);font-size:12px}.chat__typing[data-active=true]:after{content:" ...";animation:1.4s ease-in-out infinite typingPulse}@keyframes typingPulse{0%,to{opacity:.4}50%{opacity:1}}.chat__input{gap:var(--space-2);border-top:1px solid var(--border);padding-top:var(--space-2);background:var(--panel);align-items:flex-end;display:flex;position:sticky;bottom:0}.chat__input-main{flex-direction:column;flex:1;gap:8px;display:flex}.chat__input textarea{resize:none;border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;font-size:15px;font-family:var(--font-sans);background:var(--panel-muted);min-height:44px;max-height:160px;color:var(--text);padding:12px 14px}.chat__input textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.chat__input-meta{color:var(--text-soft);justify-content:space-between;align-items:center;font-size:12px;display:flex}.chat__counter{font-weight:600}.chat__hint{color:var(--text-soft)}.is-hidden{display:none!important}@media (max-width:1100px){.app,.admin-app{grid-template-columns:1fr}.card--span{grid-column:span 1}.chat{min-height:70vh}}@media (max-width:700px){.app{padding:var(--space-2)}.chat__details{grid-template-columns:1fr}.chat__header{flex-direction:column}}:focus-visible{outline:var(--focus-outline);outline-offset:2px}