:root{--muted:#98a5bf;--border:#293248;--surface:#101822;--purple:#b69aff;background:#0c121a;color:#eef0f7}.shell{background:#0c121a;grid-template-columns:232px minmax(0,1fr)}.sidebar{background:#0e151e;border-color:var(--border);padding:100px 16px 18px;overflow-y:auto;scrollbar-width:thin}.shell .brand{position:fixed;top:0;left:0;z-index:3;display:flex;align-items:center;height:76px;width:232px;margin:0;padding:0 24px;background:#0e151e;border-bottom:1px solid var(--border)}.brand strong{color:#c5adff;letter-spacing:1px;font-size:18px}.brand small{display:none}.brand img{width:38px;height:38px}.nav-label{font-size:10px;letter-spacing:1.8px;color:#7887a3;margin:0 14px 16px}nav{gap:6px}nav button,nav a{min-height:46px;border-radius:8px;padding:12px 14px;font-size:13px;color:#aab6cb}nav button:hover,nav a:hover{background:#1b2535}nav button.active,nav a.active{background:#29233f;color:#ccb5ff;box-shadow:inset 3px 0 #b69aff}.sidebar-bottom{margin-top:24px;padding-top:18px}.topbar{height:76px;background:#0e151e;padding:0 36px;border-color:var(--border)}.workspace{padding:34px 36px;max-width:none;margin:0}.page-head h1{font-size:30px;letter-spacing:-.8px;font-weight:650}.page-head p{color:#98a5bf;font-size:14px}.eyebrow{color:#a799c5;font-size:10px;letter-spacing:1.8px}.stats{gap:18px}.stat{position:relative;min-height:120px;background:#101822;border:1px solid #293248;border-radius:10px;padding:23px 20px 22px 80px}.stat-top{font-size:12px;color:#a4aec3;justify-content:start}.stat-icon{position:absolute;left:20px;top:29px;width:44px;height:44px;border-radius:50%;background:#29233e;color:#c3a4ff}.stat:nth-child(n) .stat-icon{background:#29233e;color:#c3a4ff}.stat-icon svg{width:24px;height:24px}.stat-value{font-size:28px;line-height:1.2;margin:11px 0 9px;color:#bfa1ff;letter-spacing:-.7px}.stat small{font-size:11px;color:#8593ad}.panel,.campaign-entry{background:#101822;border-color:#293248;border-radius:10px}.panel-head{padding:22px;border-color:#293248}.panel-head h2{font-size:17px}.dashboard-grid,.split{gap:22px}.connection{background:#171d2d;border-color:#3d3653;border-radius:10px;padding:20px 22px}.connection .symbol{background:#2d2546;color:#c6acff}.connection p{font-size:13px;color:#a3afc7}.toolbar{background:#111a27;border-color:#293248;padding:18px 20px}th{background:#101725;color:#96a3bd;padding:17px 20px;font-size:12px}td{padding:18px 20px;border-color:#273047;font-size:13px}tbody tr:hover{background:#1b2535}.table-scroll{scrollbar-width:thin}input,select,textarea{background:#0d1522;border-color:#35415b;border-radius:8px}.quick-actions button{background:#182232;border-color:#2d3950;padding:15px;border-radius:8px}.quick-actions button:hover{background:#28223d}.tag{border-radius:6px}.tag.good{background:#19392e;color:#8ad8b4}.tag.warn{background:#3a3024;color:#e8bd79}.tag.off{background:#263042;color:#a6b1c7}button{border-color:#35415b;background:#202a3d;border-radius:8px}button.primary{background:#b295fa;color:#171024;border-color:#bda3ff}.ai-hero{background:#171d2d;border-color:#3d3653;border-radius:10px}.ai-card,.ai-chat,.ai-monitor{border-radius:10px;background:#101822}.ai-message{background:#1b273a;border-color:#303d54;border-radius:10px}.ai-user{background:#2b2240;border-color:#4b3a65}.ai-composer,.ai-check{background:#0e1622}.login-screen{background:radial-gradient(ellipse at 50% 0,#292039,transparent 60%),#0c121a}.login-card{background:#101822;border-color:#3d3653;border-radius:16px}.login-card .brand{position:static;width:auto;height:auto;padding:0;background:none;border:0}dialog{background:#151e2d;border-color:#4c3e67;border-radius:12px}.dialog-head,.dialog-actions{border-color:#303d54}.dialog-actions{background:#101822}.campaign-media{background:#0e1622}.footnote{color:#8b98b1;line-height:1.7}#toast{background:#27223c;border-color:#51456b}
@media(max-width:1100px){.shell{grid-template-columns:200px minmax(0,1fr)}.shell .brand{width:200px;padding-left:18px}.workspace{padding:26px}.stats{gap:12px}.stat{padding:20px 16px 20px 62px}.stat-icon{display:grid;width:34px;height:34px;left:14px;top:28px}.stat-icon svg{width:20px;height:20px}.stat-value{font-size:25px}.dashboard-grid,.split{grid-template-columns:1fr}}
@media(max-width:740px){.shell{display:block}.sidebar{position:static;height:auto;padding:18px 16px;overflow:visible}.shell .brand{position:static;width:auto;height:auto;padding:0 0 16px;border:0;background:transparent}.sidebar nav{display:flex;flex-direction:row;overflow:auto;flex-wrap:nowrap}nav button,nav a{flex-shrink:0;white-space:nowrap;font-size:12px;padding:10px}.topbar{height:auto;min-height:64px;padding:12px 16px;flex-wrap:wrap}.workspace{padding:22px 16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:16px;min-height:112px}.stat-icon{display:none}.page-head h1{font-size:25px}.sidebar-bottom{display:none}.panel-head{padding:18px}.top-actions{flex-wrap:wrap;gap:8px}.draft{font-size:11px}.ops-grid{grid-template-columns:1fr}}