:root{--sb-bg:#000f1c;--sb-bg2:#141928;--sb-item-hover:#ffffff0d;--sb-item-active:#22d3ee;--sb-border:#ffffff14;--sb-text:#8b94a8;--sb-text-mute:#ffffff4d;--sb-grp:#ffffff40;--sb-width:262px;--bg:#000f1c;--bg-soft:#141928;--surface:#141928;--surface2:#1a1e2e;--surface3:#1e2336;--border:#ffffff14;--border2:#ffffff1f;--border-strong:#ffffff38;--text:#f0f0f7;--text2:#8b94a8;--text3:#ffffff52;--text-mute:#ffffff26;--accent:#22d3ee;--accent-h:#06b6d4;--accent-l:#22d3ee14;--accent-m:#22d3ee29;--accent-grad:linear-gradient(135deg,#22d3ee 0%,#818cf8 100%);--accent-grad-soft:linear-gradient(135deg,#22d3ee1f,#818cf81f);--accent-shadow:0 8px 24px -8px #22d3ee73,0 2px 6px -1px #0000004d;--green:#4ade80;--green-grad:linear-gradient(135deg,#4ade80,#22d3ee);--green-shadow:0 8px 24px -8px #4ade8073;--green-l:#4ade801a;--green-b:#4ade8047;--red:#f97316;--red-grad:linear-gradient(135deg,#f97316,#fb923c);--red-shadow:0 8px 24px -8px #f9731673;--red-l:#f973161a;--red-b:#f9731647;--amber:#fbbf24;--amber-grad:linear-gradient(135deg,#fbbf24,#fcd34d);--amber-shadow:0 8px 24px -8px #fbbf2473;--amber-l:#fbbf241a;--amber-b:#fbbf2447;--purple:#a855f7;--purple-grad:linear-gradient(135deg,#a855f7,#818cf8);--purple-l:#a855f71a;--purple-b:#a855f747;--sh:0 1px 2px #00000040,0 1px 3px #0003;--sh2:0 10px 25px -8px #00000080,0 4px 10px -3px #00000040;--sh-card:0 1px 2px #00000040,0 4px 16px -2px #00000059;--sh-card-hover:0 12px 32px -8px #0009,0 4px 12px -2px #22d3ee1f;--sh-glow:0 0 0 1px #22d3ee26,0 8px 32px -8px #22d3ee4d;--r:10px;--r2:14px;--r3:18px;--r4:22px;--font:"Inter","Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-display:"Space Grotesk","Inter",system-ui,sans-serif;--mono:"JetBrains Mono","DM Mono",ui-monospace,monospace}[data-theme=light]{--sb-bg:#fff;--sb-bg2:#f8fafc;--sb-item-hover:#f1f5f9;--sb-item-active:#0891b2;--sb-border:#e2e8f0;--sb-text:#475569;--sb-text-mute:#94a3b8;--sb-grp:#94a3b8;--bg:#f8fafc;--bg-soft:#f1f5f9;--surface:#fff;--surface2:#f8fafc;--surface3:#e2e8f0;--border:#e2e8f0;--border2:#cbd5e1;--border-strong:#94a3b8;--text:#0f172a;--text2:#475569;--text3:#94a3b8;--text-mute:#cbd5e1;--accent:#0891b2;--accent-h:#0e7490;--accent-l:#0891b214;--accent-m:#0891b229;--accent-grad:linear-gradient(135deg,#0891b2 0%,#6366f1 100%);--accent-grad-soft:linear-gradient(135deg,#0891b21f,#6366f11f);--accent-shadow:0 8px 24px -8px #0891b266,0 2px 6px -1px #0f172a0f;--green:#10b981;--green-grad:linear-gradient(135deg,#10b981,#34d399);--green-shadow:0 8px 24px -8px #10b98173;--green-l:#ecfdf5;--green-b:#a7f3d0;--red:#ef4444;--red-grad:linear-gradient(135deg,#ef4444,#f87171);--red-shadow:0 8px 24px -8px #ef444473;--red-l:#fef2f2;--red-b:#fecaca;--amber:#f59e0b;--amber-grad:linear-gradient(135deg,#f59e0b,#fbbf24);--amber-shadow:0 8px 24px -8px #f59e0b73;--amber-l:#fffbeb;--amber-b:#fde68a;--purple:#7c3aed;--purple-grad:linear-gradient(135deg,#7c3aed,#818cf8);--purple-l:#f5f3ff;--purple-b:#ddd6fe;--sh:0 1px 2px #0f172a0a,0 1px 3px #0f172a0f;--sh2:0 10px 25px -8px #0f172a1a,0 4px 10px -3px #0f172a0d;--sh-card:0 1px 2px #0f172a0a,0 4px 16px -2px #0f172a0f;--sh-card-hover:0 12px 32px -8px #0f172a24,0 4px 12px -2px #0f172a0f;--sh-glow:0 0 0 1px #0891b21f,0 8px 32px -8px #0891b240}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;background-image:radial-gradient(900px 600px at 100% -10%,#22d3ee0f,#0000 60%),radial-gradient(800px 500px at -10% 100%,#a855f70d,#0000 60%);font-size:14px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border:2px solid var(--bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-mute)}.app-shell{width:100%;height:100vh;display:flex;overflow:hidden}.main{margin-left:var(--sb-width);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sb-width);border-right:1px solid var(--sb-border);z-index:100;background:linear-gradient(#000f1c 0%,#0a0f1e 100%);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:0 0 40px #0006}.sb-top{border-bottom:1px solid var(--sb-border);padding:22px 16px 14px}.sb-brand{align-items:center;gap:10px;display:flex}.sb-brand-icon{background:var(--accent-grad);color:#fff;width:40px;height:40px;box-shadow:var(--accent-shadow);font-size:16px;font-family:var(--font-display);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;position:relative;overflow:hidden}.sb-brand-icon:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff47,#0000 55%);position:absolute;inset:0}.sb-brand-name{color:#f0f0f7;font-size:15px;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em}.sb-brand-sub{color:var(--sb-text-mute);font-size:11px;font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;margin-top:1px}.sb-lic-badge{border-radius:var(--r);background:var(--bg-soft);border:1px solid var(--sb-border);color:var(--sb-text-mute);align-items:center;gap:8px;margin:10px 12px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.sb-lic-badge.ok{color:#22d3ee;background:#22d3ee1f;border-color:#22d3ee47}.sb-lic-badge.warn{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2447}.sb-lic-badge.exp{color:#f97316;background:#f973161f;border-color:#f9731647}.sb-nav{flex:1;padding:6px 12px 12px;overflow-y:auto}.sb-nav::-webkit-scrollbar{width:0}.sb-grp{color:var(--sb-grp);letter-spacing:.12em;text-transform:uppercase;padding:16px 10px 6px;font-size:10px;font-weight:700}.sb-item{color:var(--sb-text);cursor:pointer;white-space:nowrap;border-radius:11px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .18s cubic-bezier(.2,.7,.2,1);display:flex}.sb-item svg{opacity:.6;flex-shrink:0;transition:opacity .18s}.sb-item:hover{background:var(--sb-item-hover);color:#f0f0f7;transform:translate(2px)}.sb-item:hover svg{opacity:1}.sb-item.active{font-weight:600;box-shadow:0 4px 20px -4px #22d3ee73;background:var(--accent-grad)!important;color:#000f1c!important}.sb-item.active svg{opacity:1}.sb-foot{border-top:1px solid var(--sb-border);padding:12px}.sb-user{border:1px solid var(--sb-border);background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sb-av{background:var(--accent-grad);color:#000f1c;width:34px;height:34px;box-shadow:var(--accent-shadow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sb-uname{color:#f0f0f7;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.sb-urole{color:var(--sb-text-mute);margin-top:1px;font-size:11px}.sb-exit{border:1px solid var(--sb-border);color:var(--sb-text);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font);background:#ffffff0d;border-radius:7px;flex-shrink:0;margin-left:auto;padding:4px 10px;transition:all .15s}.sb-exit:hover{border-color:var(--red);color:var(--red);background:var(--red-l)}.topbar{-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--border);background:#000f1cd9;flex-shrink:0;align-items:center;gap:14px;height:64px;padding:0 28px;display:flex}.tb-title{font-size:18px;font-weight:700;font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);line-height:1.2}.tb-sub{color:var(--text2);margin-top:2px;font-size:12.5px}.tb-right{align-items:center;gap:8px;margin-left:auto;display:flex}.page{flex:1;padding:28px;animation:.35s cubic-bezier(.2,.7,.2,1) pageFade;overflow-y:auto}@keyframes pageFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--sh-card);margin-bottom:18px;transition:box-shadow .25s,border-color .25s;overflow:hidden}.card:hover{box-shadow:var(--sh-card-hover);border-color:var(--border2)}.card-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.card-title{font-size:15px;font-weight:700;font-family:var(--font-display);color:var(--text);letter-spacing:-.015em}.card-sub{color:var(--text2);margin-top:3px;font-size:12px}.card-body{padding:22px}.stats4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}@media (width<=1100px){.stats4{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--sh-card);padding:20px;transition:all .25s cubic-bezier(.2,.7,.2,1);animation:.5s cubic-bezier(.2,.7,.2,1) backwards fadeUp;position:relative;overflow:hidden}.stat:before{content:"";background:var(--accent-grad);opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.stat:hover{box-shadow:var(--sh-card-hover);border-color:var(--border2);transform:translateY(-3px)}.stat:hover:before{opacity:1}.stat:first-child{animation-delay:0s}.stat:nth-child(2){animation-delay:60ms}.stat:nth-child(3){animation-delay:.12s}.stat:nth-child(4){animation-delay:.18s}.stat-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.stat-lbl{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:11px;font-weight:600}.stat-ico{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .25s;display:flex}.stat:hover .stat-ico{transform:scale(1.08)rotate(-4deg)}.stat-val{font-size:30px;font-weight:700;font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);line-height:1}.stat-meta{color:var(--text2);margin-top:8px;font-size:12px}.g2{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:0;display:grid}@media (width<=900px){.g2{grid-template-columns:1fr}}.btn{border-radius:var(--r);font-family:var(--font);cursor:pointer;white-space:nowrap;letter-spacing:.005em;border:none;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;line-height:1.4;transition:all .18s cubic-bezier(.2,.7,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#ffffff24,#0000);transition:opacity .18s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--accent-grad);color:#fff;box-shadow:var(--accent-shadow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 32px -8px #22d3ee80}.btn-secondary{border:1px solid var(--border2);color:var(--text);box-shadow:var(--sh);background:#ffffff0f}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent);box-shadow:var(--sh2)}.btn-ghost{color:var(--text2);background:0 0;border:none;border-radius:9px;padding:7px 12px}.btn-ghost:hover{color:var(--accent);background:var(--accent-l)}.btn-danger{background:var(--red-grad);color:#fff;box-shadow:var(--red-shadow)}.btn-danger:hover:not(:disabled){transform:translateY(-1px)}.btn-sm{padding:7px 12px;font-size:12px}.btn-xs{border-radius:8px;padding:5px 10px;font-size:11px}.alert{border:1px solid;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:13px 16px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.alert-red{background:var(--red-l);border-color:var(--red-b);color:#fb923c}.alert-amber{background:var(--amber-l);border-color:var(--amber-b);color:#fcd34d}.alert-blue{background:var(--accent-l);color:#22d3ee;border-color:#22d3ee33}.alert-green{background:var(--green-l);border-color:var(--green-b);color:#4ade80}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border2);font-size:13.5px;font-family:var(--font);color:var(--text);background:var(--surface2);border-radius:10px;outline:none;width:100%;padding:10px 13px;transition:all .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-l)}.field input[type=color]{cursor:pointer;height:40px;padding:4px 6px}.field textarea{resize:vertical;min-height:80px;line-height:1.6}.field select{cursor:pointer}.hint{color:var(--text3);margin-top:3px;font-size:11.5px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.form-full{grid-column:1/-1}.pw-wrap{position:relative}.pw-wrap input{padding-right:42px}.pw-toggle{color:var(--text3);cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.toggle{cursor:pointer;flex-shrink:0;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.tog-track{background:var(--border2);border-radius:12px;width:42px;height:24px;transition:background .2s;position:relative}.tog-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle input:checked+.tog-track{background:var(--accent)}.toggle input:checked+.tog-track:after{transform:translate(18px)}.tog-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.tog-row:last-child{border-bottom:none;padding-bottom:0}.tog-row:first-child{padding-top:0}.tog-name{color:var(--text);font-size:13px;font-weight:600}.tog-desc{color:var(--text3);margin-top:2px;font-size:12px}.tbl{border-collapse:collapse;width:100%}thead tr{background:var(--surface2)}.tbl th{text-align:left;color:var(--text2);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);padding:12px 18px;font-size:10.5px;font-weight:700}.tbl td{color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 18px;font-size:13px}.tbl tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover td{background:var(--bg-soft)}.chip{white-space:nowrap;letter-spacing:.01em;border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex}.chip-green{background:var(--green-l);color:#4ade80;border:1px solid var(--green-b)}.chip-red{background:var(--red-l);color:#f97316;border:1px solid var(--red-b)}.chip-amber{background:var(--amber-l);color:#fbbf24;border:1px solid var(--amber-b)}.chip-blue{background:var(--accent-l);color:var(--accent);border:1px solid #22d3ee40}.chip-purple{background:var(--purple-l);color:#a855f7;border:1px solid var(--purple-b)}.chip-gray{background:var(--surface2);color:var(--text2);border:1px solid var(--border2)}.prog{background:var(--surface3);border-radius:4px;height:6px;margin-top:6px;overflow:hidden}.prog-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.prog-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s linear infinite shimmer;position:absolute;inset:0}.pf-blue{background:var(--accent-grad)}.pf-green{background:var(--green-grad)}.pf-amber{background:var(--amber-grad)}.pf-purple{background:var(--purple-grad)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.usage-item{margin-bottom:14px}.usage-item:last-child{margin-bottom:0}.usage-hdr{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.usage-lbl{color:var(--text);font-weight:600}.usage-val{color:var(--text2);font-family:var(--mono);font-size:12px}.chart-area{background:linear-gradient(180deg,var(--bg-soft),transparent);border:1px solid var(--border);border-radius:14px;align-items:flex-end;gap:8px;height:180px;padding:16px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar-seg{background:var(--accent-grad);border-radius:6px 6px 0 0;width:100%;min-height:4px;transition:height .6s cubic-bezier(.2,.7,.2,1),transform .18s;animation:.7s cubic-bezier(.2,.7,.2,1) backwards barGrow;position:relative;overflow:hidden}.bar-seg:after{content:"";background:linear-gradient(#ffffff40,#0000);height:30%;position:absolute;top:0;left:0;right:0}.bar-col:hover .bar-seg{transform-origin:bottom;filter:brightness(1.08);transform:scaleY(1.04)}.bar-lbl{color:var(--text3);font-size:10px;font-family:var(--mono)}@keyframes barGrow{0%{height:0!important}}.lic-hero{border-radius:var(--r3);background:linear-gradient(135deg,#000f1c 0%,#141928 55%,#22d3ee2e 140%);margin-bottom:18px;padding:28px;position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #0f172a40}.lic-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee4d 0%,#0000 70%);width:250px;height:250px;position:absolute;top:-50px;right:-50px}.lic-hero-type{color:#ffffff80;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:10.5px;font-weight:700}.lic-hero-name{color:#fff;font-size:22px;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em}.lic-hero-key{color:#fff6;font-size:11px;font-family:var(--mono);letter-spacing:.06em;margin-top:4px}.lic-hero-chip{color:#22d3ee;white-space:nowrap;background:#22d3ee26;border:1px solid #22d3ee59;border-radius:20px;align-items:center;gap:5px;padding:5px 13px;font-size:11.5px;font-weight:700;display:inline-flex}.lic-hero-chip.warn{color:#fbbf24;background:#fbbf2426;border-color:#fbbf244d}.lic-hero-chip.exp{color:#f97316;background:#f9731626;border-color:#f973164d}.lic-stats{border-top:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;padding-top:18px;display:grid}.lic-stat{text-align:center}.lic-stat-v{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:700;font-family:var(--mono)}.lic-stat-l{color:#ffffff6b;text-transform:uppercase;letter-spacing:.09em;margin-top:3px;font-size:10px;font-weight:600}.modal-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r3);width:100%;max-width:560px;max-height:90vh;animation:.28s cubic-bezier(.2,.7,.2,1) modalIn;overflow-y:auto;box-shadow:0 30px 60px -15px #0009}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.modal-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 18px;display:flex}.modal-hdr h3{font-size:16px;font-weight:700;font-family:var(--font-display)}.modal-body{padding:22px 24px}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:16px 24px 20px;display:flex}.tabs{background:var(--surface2);border-radius:var(--r);border:1px solid var(--border);gap:2px;margin-bottom:16px;padding:3px;display:flex}.tab{cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);color:var(--text2);text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:7px 16px;transition:all .15s}.tab.active{background:var(--surface3);color:var(--text);box-shadow:var(--sh)}.chats-shell{flex-direction:column;flex:1;display:flex;overflow:hidden}.chats-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);box-shadow:var(--sh-card);flex:1;grid-template-columns:300px 1fr;display:grid;overflow:hidden}.chat-list{border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.chat-list-hdr{border-bottom:1px solid var(--border);background:var(--surface2);padding:14px 16px}.chat-list-body{flex:1;overflow-y:auto}.chat-item{border-bottom:1px solid var(--border);cursor:pointer;padding:13px 16px;transition:background .12s;position:relative}.chat-item:hover{background:var(--bg-soft)}.chat-item.active{background:var(--accent-l)}.chat-item.escalated{border-left:3px solid var(--red)}.chat-item.agent{border-left:3px solid var(--accent)}.chat-panel{flex-direction:column;display:flex;overflow:hidden}.chat-panel-hdr{border-bottom:1px solid var(--border);background:var(--surface2);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.chat-msgs{flex-direction:column;flex:1;gap:10px;padding:18px;display:flex;overflow-y:auto}.msg{gap:8px;max-width:75%;display:flex}.msg.bot{align-self:flex-start}.msg.user{flex-direction:row-reverse;align-self:flex-end}.msg.agent{align-self:flex-start}.msg-bubble{border-radius:var(--r2);padding:10px 14px;font-size:13px;line-height:1.5;position:relative}.msg.bot .msg-bubble{background:var(--surface2);border:1px solid var(--border);color:var(--text)}.msg.user .msg-bubble{background:var(--accent-grad);color:#fff}.msg.agent .msg-bubble{background:var(--green-l);border:1px solid var(--green-b);color:#4ade80}.msg-time{color:var(--text3);font-size:10.5px;font-family:var(--mono);margin-top:3px}.msg-av{background:var(--bg-soft);border:1px solid var(--border);width:28px;height:28px;color:var(--text2);border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;display:flex}.chat-reply{border-top:1px solid var(--border);background:var(--surface);align-items:flex-end;gap:8px;padding:12px 18px;display:flex}.chat-reply textarea{border:1px solid var(--border);border-radius:var(--r);font-family:var(--font);color:var(--text);background:var(--surface2);resize:none;outline:none;flex:1;max-height:100px;padding:9px 12px;font-size:13px;transition:border-color .15s}.chat-reply textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-l)}.chat-empty{color:var(--text3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.login-bg{z-index:9000;background-color:#000f1c;background-image:radial-gradient(900px 600px at 70% 20%,#22d3ee2e,#0000 60%),radial-gradient(600px 400px at 20% 80%,#a855f71f,#0000 60%),radial-gradient(400px 400px at 50% 100%,#818cf814,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-card{border-radius:var(--r4);z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141928d9;border:1px solid #ffffff1a;width:100%;max-width:420px;padding:40px;animation:.35s cubic-bezier(.2,.7,.2,1) fadeUp;position:relative;box-shadow:0 32px 72px #000000a6,0 0 0 1px #22d3ee0f}.login-logo{background:0 0;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 22px;display:flex;position:relative;overflow:hidden}.login-logo img{object-fit:contain;width:100%;height:100%}.login-card .field label{color:#ffffff8c;letter-spacing:.06em}.login-card .field input{color:#f0f0f7;background:#ffffff0f;border-color:#ffffff1a}.login-card .field input::placeholder{color:#ffffff40}.login-card .field input:focus{border-color:var(--accent);background:#ffffff17;box-shadow:0 0 0 4px #22d3ee2e}.login-card .pw-toggle{color:#ffffff59}.int-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.int-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);flex-direction:column;gap:10px;padding:18px;transition:box-shadow .2s,transform .2s;display:flex}.int-card:hover{box-shadow:var(--sh-card-hover);transform:translateY(-2px)}.int-icon{background:var(--surface2);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.int-name{color:var(--text);font-size:14px;font-weight:700;font-family:var(--font-display)}.int-desc{color:var(--text3);font-size:12.5px;line-height:1.5}.int-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.team-av{background:var(--accent-grad);color:#fff;width:32px;height:32px;box-shadow:var(--accent-shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11.5px;font-weight:700;display:inline-flex}.team-info{align-items:center;gap:10px;display:flex}.team-name{color:var(--text);font-size:13px;font-weight:600}.team-email{color:var(--text3);font-size:11.5px}.doc-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:flex}.doc-item:last-child{border-bottom:none}.doc-item:hover{background:var(--bg-soft)}.doc-icon{width:36px;height:36px;color:var(--accent);background:#22d3ee1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.doc-meta{flex:1;min-width:0}.doc-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.doc-detail{color:var(--text3);margin-top:1px;font-size:11.5px}.support-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.support-grid{grid-template-columns:1fr}}.support-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);text-align:center;padding:22px;transition:box-shadow .2s,transform .2s}.support-card:hover{box-shadow:var(--sh-card-hover);transform:translateY(-2px)}.support-icon{border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 14px;display:flex}.scrape-msg{border-radius:var(--r);margin-top:10px;padding:10px 14px;font-size:12.5px;font-weight:500}.scrape-msg.ok{background:var(--green-l);color:#065f46;border:1px solid var(--green-b)}.scrape-msg.warn{background:var(--amber-l);color:#92400e;border:1px solid var(--amber-b)}.scrape-msg.info{background:var(--accent-l);color:var(--accent-h);border:1px solid #0d948838}.lang-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.lang-item:last-child{border-bottom:none}.lang-flag{margin-right:10px;font-size:22px}.lang-name{color:var(--text);font-size:13px;font-weight:600}.lang-code{color:var(--text3);font-size:11.5px;font-family:var(--mono)}.feat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.feat-ck{border:1px solid var(--border);border-radius:var(--r);background:var(--surface2);align-items:center;gap:9px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.feat-ck.on{background:var(--green-l);border-color:var(--green-b);color:#4ade80}.badge{white-space:nowrap;letter-spacing:.01em;border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex}.bg-green{background:var(--green-l);color:#4ade80;border:1px solid var(--green-b)}.bg-amber{background:var(--amber-l);color:#fbbf24;border:1px solid var(--amber-b)}.bg-gray{background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.g2-wide{grid-template-columns:2fr 1fr;align-items:start;gap:18px;margin-bottom:0;display:grid}@media (width<=1100px){.g2-wide{grid-template-columns:1fr}}.modal-lg{max-width:720px}.modal-title{font-size:18px;font-weight:700;font-family:var(--font-display);color:var(--text);letter-spacing:-.02em}.modal-sub{color:var(--text2);margin-top:4px;font-size:12.5px}.modal-close{cursor:pointer;color:var(--text3);background:0 0;border:none;border-radius:8px;padding:4px 9px;font-size:22px;line-height:1;transition:all .12s}.modal-close:hover{color:var(--text);background:var(--surface3)}.theme-toggle{border-radius:var(--r);border:1px solid var(--sb-border);width:100%;color:var(--sb-text);font-family:var(--font);cursor:pointer;letter-spacing:.01em;background:#ffffff0a;justify-content:center;align-items:center;gap:7px;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .18s cubic-bezier(.2,.7,.2,1);display:flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-l)}[data-theme=light] .theme-toggle{background:#fff}[data-theme=light] .theme-toggle:hover{background:var(--accent-l)}[data-theme=light] body{background-image:radial-gradient(900px 600px at 100% -10%,#0891b20a,#0000 60%),radial-gradient(800px 500px at -10% 100%,#6366f108,#0000 60%)}[data-theme=light] .sidebar{background:linear-gradient(#fff 0%,#fafbfc 100%);box-shadow:0 0 40px #0f172a0f}[data-theme=light] .topbar{background:#ffffffe0}[data-theme=light] .sb-brand-name,[data-theme=light] .sb-uname{color:var(--text)}[data-theme=light] .sb-item.active{color:#fff!important}[data-theme=light] .sb-av{color:#fff}[data-theme=light] .sb-user{background:var(--bg-soft);border:none}[data-theme=light] .sb-exit{border-color:var(--border2);color:var(--text2);background:#fff}[data-theme=light] .sb-lic-badge.ok{color:#0891b2;background:#0891b21a;border-color:#0891b240}[data-theme=light] .card,[data-theme=light] .stat{background:#fff}[data-theme=light] .modal{background:#fff;box-shadow:0 30px 60px -15px #0f172a40}[data-theme=light] .modal-bg{background:#0f172a66}[data-theme=light] .modal-close:hover{background:var(--surface3)}[data-theme=light] .int-card{background:#fff}[data-theme=light] .int-icon{background:var(--bg-soft)}[data-theme=light] .support-card,[data-theme=light] .tab.active{background:#fff}[data-theme=light] .tabs{background:var(--bg-soft)}[data-theme=light] .chats-wrap{background:#fff}[data-theme=light] .chat-list-hdr,[data-theme=light] .chat-panel-hdr{background:var(--bg-soft)}[data-theme=light] .chat-reply{background:#fff}[data-theme=light] .chat-reply textarea,[data-theme=light] .msg.bot .msg-bubble{background:var(--bg-soft)}[data-theme=light] .msg.agent .msg-bubble{color:#065f46}[data-theme=light] .field input,[data-theme=light] .field select,[data-theme=light] .field textarea,[data-theme=light] .btn-secondary{background:#fff}[data-theme=light] .btn-primary:hover:not(:disabled){box-shadow:0 12px 32px -8px #0891b280}[data-theme=light] .alert-red{color:#991b1b}[data-theme=light] .alert-amber{color:#92400e}[data-theme=light] .alert-blue{color:#0e7490}[data-theme=light] .alert-green,[data-theme=light] .chip-green{color:#065f46}[data-theme=light] .chip-red{color:#991b1b}[data-theme=light] .chip-amber{color:#92400e}[data-theme=light] .chip-blue{color:#0e7490}[data-theme=light] .chip-purple{color:#5b21b6}[data-theme=light] .chip-gray,[data-theme=light] .feat-ck{background:var(--bg-soft)}[data-theme=light] .feat-ck.on{color:#065f46}[data-theme=light] .bg-green{color:#047857}[data-theme=light] .bg-amber{color:#b45309}[data-theme=light] .bg-gray{background:var(--bg-soft)}[data-theme=light] .doc-icon{background:#0891b214}[data-theme=light] thead tr{background:var(--bg-soft)}[data-theme=light] .lic-hero{background:linear-gradient(135deg,#0f172a 0%,#1e293b 55%,#0891b238 140%)}[data-theme=light] .lic-hero:before{background:radial-gradient(circle,#0891b24d 0%,#0000 70%)}[data-theme=light] .lic-hero-chip{color:#0891b2;background:#0891b226;border-color:#0891b24d}[data-theme=light] .lic-hero-chip.warn{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b4d}[data-theme=light] .lic-hero-chip.exp{color:#ef4444;background:#ef444426;border-color:#ef44444d}[data-theme=light] .sb-item:hover{color:var(--text)}.hamburger-btn{border:1px solid var(--border2);cursor:pointer;width:36px;height:36px;color:var(--text2);background:#ffffff0f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:none}.hamburger-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-l)}[data-theme=light] .hamburger-btn{background:var(--bg-soft);border-color:var(--border2)}.sidebar-close-btn{border:1px solid var(--border2);cursor:pointer;width:32px;height:32px;color:var(--text2);z-index:10;background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:none;position:absolute;top:14px;right:14px}.sidebar-close-btn:hover{color:var(--red);border-color:var(--red);background:var(--red-l)}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;animation:.18s fadeIn;display:none;position:fixed;inset:0}.topbar-hamburger,.chat-back-btn,.bottom-nav,.chats-esc-badge-desktop{display:none}@media (width<=767px){.sidebar-overlay{display:block}.hamburger-btn{display:flex}.topbar-hamburger{margin-right:4px;display:flex}.sidebar-close-btn{display:flex}.chat-back-btn{border:1px solid var(--border2);cursor:pointer;width:30px;height:30px;color:var(--text2);background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.chat-back-btn:hover{color:var(--accent);border-color:var(--accent)}.sidebar{z-index:200;width:290px;transition:transform .28s cubic-bezier(.2,.7,.2,1);transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:0 0 80px #00000080}.main{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px));margin-left:0!important}.page{padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px))}.topbar{gap:8px;height:56px;padding:0 14px}.tb-title{font-size:15px}.bottom-nav{z-index:150;background:var(--sb-bg);border-top:1px solid var(--sb-border);padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:saturate(180%)blur(16px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #0006}[data-theme=light] .bottom-nav{border-top-color:var(--border);background:#ffffffeb;box-shadow:0 -8px 24px #0f172a14}.bottom-nav-item{color:var(--sb-text);letter-spacing:.01em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:10px;font-weight:500;text-decoration:none;transition:color .18s;display:flex;position:relative}.bottom-nav-item svg{opacity:.65;transition:opacity .18s,transform .22s cubic-bezier(.2,.7,.2,1)}.bottom-nav-item:hover{color:var(--accent)}.bottom-nav-item:hover svg{opacity:1}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active svg{opacity:1;filter:drop-shadow(0 0 6px);transform:translateY(-1px)}.bottom-nav-item.active:before{content:"";background:var(--accent-grad);border-radius:0 0 3px 3px;width:28px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}[data-theme=light] .bottom-nav-item{color:var(--text2)}[data-theme=light] .bottom-nav-item.active{color:var(--accent)}.stats4{grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:16px}.stat-val{font-size:24px}.g2,.g2-wide{grid-template-columns:1fr!important}.card-hdr{padding:14px 16px}.card-body{padding:16px}.form-grid,.form-grid-3{grid-template-columns:1fr!important}.card{overflow-x:auto}.tbl th{padding:10px 12px;font-size:10px}.tbl td{padding:12px;font-size:12px}.lic-stats{grid-template-columns:repeat(2,1fr)}.support-grid,.int-grid{grid-template-columns:1fr}.modal-bg{align-items:flex-end;padding:0}.modal{border-radius:var(--r3) var(--r3) 0 0;width:100%;max-width:100%;max-height:92vh;padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px))}.chats-outer{padding:12px 14px 14px!important}.chats-wrap{border-radius:var(--r2);grid-template-columns:1fr!important}.chats-wrap.chats-mobile-list .chat-list{display:flex}.chats-wrap.chats-mobile-list .chat-panel,.chats-wrap.chats-mobile-detail .chat-list{display:none}.chats-wrap.chats-mobile-detail .chat-panel{border-radius:var(--r2);border:1px solid var(--border);display:flex;overflow:hidden}.chats-esc-badge-desktop{display:none}.chats-tabs-hidden-mobile{display:none!important}.chat-panel{width:100%}.msg{max-width:90%}}@media (width<=480px){.stats4{grid-template-columns:1fr}.page{padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))}.topbar{padding:0 10px}.tb-title{font-size:14px}.lic-stats{grid-template-columns:1fr 1fr}}