:root{--brand-1: #12c2a0;--brand-2: #2e7bf6;--brand-3: #7c4dff;--brand-grad: linear-gradient(120deg, var(--brand-1), var(--brand-2) 55%, var(--brand-3));--bg: #0b0f14;--bg-soft: #111823;--panel: rgba(255, 255, 255, .04);--panel-strong: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .1);--text: #e9eef5;--muted: #9aa8b8;--faint: #6f7f90;--ok: #2fbf71;--warn: #f5a524;--danger: #f0616d;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--sidebar-w: 250px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 700px at 12% -10%,rgba(18,194,160,.16),transparent 60%),radial-gradient(1100px 600px at 100% 0%,rgba(124,77,255,.16),transparent 55%),var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--brand-2);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);border-right:1px solid var(--border);background:linear-gradient(170deg,#12c2a01a,#2e7bf614 55%,#7c4dff1a);padding:16px 12px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 14px}.brand .mark{width:34px;height:34px;border-radius:10px;background:var(--brand-grad);display:grid;place-items:center;font-weight:800;color:#fff;font-size:15px}.brand .name{font-weight:700;letter-spacing:.2px}.brand .sub{font-size:11px;color:var(--muted)}.nav-group{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin:14px 8px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--text);font-size:13.5px;opacity:.92}.nav-item:hover{background:var(--panel);text-decoration:none}.nav-item.active{background:var(--panel-strong);box-shadow:inset 0 0 0 1px var(--border);opacity:1}.nav-item .ico{width:18px;text-align:center;color:var(--muted)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:62px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5;background:#0b0f14b8}.topbar h1{font-size:16px;margin:0;font-weight:650}.topbar .spacer{flex:1}.hamburger{display:none}.content{padding:22px;max-width:1400px;width:100%}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card h3{margin:0 0 12px;font-size:14px;font-weight:650}.card .hint{color:var(--muted);font-size:12.5px}.stat{position:relative;overflow:hidden}.stat .label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint)}.stat .value{font-size:26px;font-weight:700;margin-top:6px}.stat .delta{font-size:12px;color:var(--muted);margin-top:4px}.stat:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--brand-grad);opacity:.75}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11.5px;border:1px solid var(--border)}.badge.ok{color:var(--ok);border-color:#2fbf7166;background:#2fbf711a}.badge.warn{color:var(--warn);border-color:#f5a52466;background:#f5a5241a}.badge.danger{color:var(--danger);border-color:#f0616d66;background:#f0616d1a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel-strong);cursor:pointer;font-size:13px}.btn:hover{border-color:#ffffff38}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--brand-grad);border:none;color:#fff;font-weight:620}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:#f0616d59}.btn.sm{padding:6px 10px;font-size:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:12px;color:var(--muted)}.input,select.input,textarea.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#00000040;outline:none}.input:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px #2e7bf638}.input.error{border-color:var(--danger)}.error-text{color:var(--danger);font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);padding:10px;border-bottom:1px solid var(--border)}td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06)}tr:hover td{background:#ffffff08}.chat{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px}.chat .sessions{max-height:72vh;overflow-y:auto}.session-item{padding:10px;border-radius:10px;cursor:pointer;font-size:13px}.session-item:hover{background:var(--panel)}.session-item.active{background:var(--panel-strong);box-shadow:inset 0 0 0 1px var(--border)}.transcript{min-height:52vh;max-height:62vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:4px}.msg{max-width:78%}.msg .role{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);margin-bottom:4px}.msg .bubble{padding:11px 13px;border-radius:12px;font-size:13.5px;line-height:1.55;white-space:pre-wrap}.msg.user{align-self:flex-end}.msg.user .bubble{background:linear-gradient(135deg,#2e7bf638,#7c4dff38);border:1px solid rgba(124,77,255,.3)}.msg.assistant .bubble{background:var(--panel);border:1px solid var(--border)}.composer{display:flex;gap:10px;margin-top:12px}.composer .input{flex:1}.bars{display:flex;align-items:flex-end;gap:10px;height:150px}.bars .bar{flex:1;background:var(--brand-grad);border-radius:6px 6px 0 0;min-height:3px;position:relative}.bars .bar span{position:absolute;top:-18px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:960px;display:grid;grid-template-columns:1.05fr .95fr;gap:0;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--bg-soft);box-shadow:var(--shadow)}.auth-hero{padding:34px;background:var(--brand-grad);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:12px}.auth-hero h2{margin:0;font-size:26px}.auth-hero p{margin:0;opacity:.92;font-size:13.5px;line-height:1.6}.auth-form{padding:30px}.demo-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px dashed var(--border);border-radius:10px;font-size:12.5px;margin-bottom:8px}.demo-row code{font-size:12px;color:var(--text)}.social-row{display:flex;gap:10px;margin-top:10px}.social-row .btn{flex:1}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.muted{color:var(--muted)}.faint{color:var(--faint)}.mono{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.toast{position:fixed;bottom:20px;right:20px;background:var(--bg-soft);border:1px solid var(--border);border-left:3px solid var(--brand-1);padding:12px 14px;border-radius:10px;box-shadow:var(--shadow);font-size:13px;z-index:50}.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px}.loading{padding:18px;color:var(--muted);font-size:13px}@media (max-width: 1080px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.chat{grid-template-columns:1fr}}@media (max-width: 820px){.sidebar{position:fixed;z-index:40;transform:translate(-102%);transition:transform .22s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.hamburger{display:inline-flex}.grid.cols-2,.grid.cols-3,.grid.cols-4,.auth-card{grid-template-columns:1fr}.auth-hero{padding:24px}.content{padding:16px}.msg{max-width:92%}}