:root{color-scheme:dark;--bg: #07090d;--canvas: #0a0d13;--sidebar: #090c12;--surface: #111620;--surface-soft: #151b26;--surface-strong: #1b2331;--ink: #f7f9fc;--ink-soft: #d8deea;--muted: #8f9caf;--muted-strong: #aeb8c8;--line: #293142;--line-strong: #384359;--accent: #6d8cff;--accent-strong: #8aa2ff;--cyan: #35d3ff;--danger: #ff6877;--warn: #ffc35a;--ok: #35d3ff;--radius: 8px;--shadow: 0 18px 48px rgba(0, 0, 0, .38), 0 1px 0 rgba(255, 255, 255, .04) inset}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--canvas);color:var(--ink)}button,input,textarea,select{font:inherit}button{min-height:38px;border:1px solid #7890ff;background:var(--accent);color:#fff;border-radius:var(--radius);padding:9px 14px;font-weight:760;letter-spacing:0;cursor:pointer;box-shadow:0 14px 32px #4d6fff40}button:hover:not(:disabled){background:var(--accent-strong);border-color:#a5b5ff}button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}button.ghost{color:var(--ink-soft);background:#111722;border-color:var(--line);box-shadow:none}button.ghost:hover:not(:disabled){background:#182131;border-color:var(--line-strong);color:#fff}button.danger{background:#ff687724;border-color:#ff68777a;color:#ffc1c8;box-shadow:none}button.danger:hover:not(:disabled){background:#ff68773d;border-color:var(--danger)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:11px 12px;background:#090d14;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6d8cff38}textarea{min-height:138px;resize:vertical}label{display:grid;gap:8px;color:var(--muted-strong);font-size:12px;font-weight:760}pre,code{border-radius:var(--radius);background:#070a10;color:#dce7ff;border:1px solid #222b3a;padding:14px;overflow:auto}code{display:block;white-space:pre-wrap;word-break:break-word}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#121925eb,#07090d 55%),var(--bg)}.login-card{width:min(430px,100%);background:#111620f5;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);display:grid;gap:20px}.login-kicker{width:max-content;border:1px solid rgba(53,211,255,.28);border-radius:999px;padding:5px 10px;color:var(--cyan);background:#35d3ff14;font-size:12px;font-weight:820}.login-card h1{margin:4px 0 0;font-size:34px;line-height:1.04;letter-spacing:0}.login-card p{margin:0;color:var(--muted);line-height:1.35}.login-copy{display:grid;gap:10px}.brand-mark{display:flex;align-items:center;gap:9px;font-weight:860;color:var(--accent-strong)}.stack{display:grid;gap:15px}.notice{border:1px solid rgba(255,195,90,.34);background:#ffc35a1a;color:#ffd889;border-radius:var(--radius);padding:11px 12px}.notice.session{border-color:#6d8cff57;background:#6d8cff1a;color:#cbd6ff}.error{color:var(--danger);font-weight:760}.app-frame{min-height:100vh;display:grid;grid-template-columns:292px minmax(0,1fr);background:linear-gradient(90deg,#07090d 0 292px,#0a0d13 292px),var(--canvas)}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid #202838;padding:22px 18px;display:grid;grid-template-rows:auto auto 1fr;gap:24px}.sidebar-top{display:grid;gap:16px}.sidebar-brand{display:flex;gap:12px;align-items:center;color:#fff}.sidebar-brand strong{display:block;font-size:18px;line-height:1.05}.sidebar-brand span:not(.brand-glyph){display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:720}.brand-glyph{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(109,140,255,.45);border-radius:var(--radius);background:#6d8cff1f;color:var(--accent-strong)}.environment-pill{width:max-content;border:1px solid rgba(53,211,255,.22);border-radius:999px;padding:5px 10px;color:var(--cyan);background:#35d3ff12;font-size:12px;font-weight:800}.sidebar nav{display:grid;align-content:start;gap:6px}.sidebar a{min-height:42px;display:flex;gap:11px;align-items:center;color:var(--muted-strong);text-decoration:none;padding:10px 12px;border-radius:var(--radius);font-weight:730}.sidebar a:hover{background:#121926;color:#fff}.sidebar a.active{background:#1c263a;color:#fff;box-shadow:inset 3px 0 0 var(--accent),0 1px #ffffff0a inset}.sidebar-footer{align-self:end;display:grid;gap:4px;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#0d121b}.sidebar-footer span{color:var(--muted);font-size:12px;font-weight:760}.sidebar-footer strong{color:var(--ink-soft);font-size:13px;word-break:break-word}.workspace{min-width:0;padding:24px 32px 56px}.topbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.topbar h1{margin:2px 0 0;font-size:25px;line-height:1.1}.eyebrow{color:var(--muted);font-size:11px;font-weight:840;text-transform:uppercase;letter-spacing:.09em}.user-chip{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#0f1520;border-radius:var(--radius);padding:7px;color:var(--muted)}.user-chip div{display:grid;gap:2px;min-width:0}.user-chip strong{color:var(--ink-soft);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip span{font-size:12px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius);background:#161e2c;color:var(--accent-strong)}.page{display:grid;gap:18px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.page-head h2{margin:2px 0 0;font-size:30px;line-height:1.1}.page-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.page-actions.align-left{justify-content:start}.subnav{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:#0d121b;overflow-x:auto}.subnav a{color:var(--muted-strong);text-decoration:none;padding:8px 12px;border-radius:6px;font-weight:760;white-space:nowrap}.subnav a:hover{color:#fff;background:#151d2b}.subnav a.active{color:#fff;background:#202b40}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 1px #ffffff08 inset;display:grid;gap:15px}.panel-head{display:grid;gap:5px}.panel h3{margin:0;font-size:16px;line-height:1.2}.panel p{margin:0;color:var(--muted);line-height:1.38}.alert{display:grid;gap:4px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:11px 12px;background:#0e141e}.alert strong{font-size:13px}.alert span{color:var(--muted);font-size:13px}.alert.danger{border-left-color:var(--danger)}.alert.warn{border-left-color:var(--warn)}.loading-state{display:flex;align-items:center;gap:8px;color:var(--muted);border:1px dashed #3a4559;border-radius:var(--radius);padding:14px;background:var(--surface-soft)}.loading-state i{width:7px;height:7px;border-radius:999px;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.loading-state i:nth-child(3){animation-delay:.12s}.loading-state i:nth-child(4){animation-delay:.24s}@keyframes pulse{0%,80%,to{opacity:.35;transform:scale(.82)}40%{opacity:1;transform:scale(1)}}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px}.metric{min-height:108px;display:grid;align-content:space-between;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:0 1px #ffffff08 inset}.metric-label{display:block;color:var(--muted);font-size:12px;font-weight:820;text-transform:uppercase;letter-spacing:.07em}.metric strong{display:block;font-size:30px;line-height:1;letter-spacing:0}.metric small{display:block;color:var(--muted);font-size:13px;line-height:1.3}.metric.ok strong{color:var(--ok)}.metric.warn strong{color:var(--warn)}.status-list{display:grid;gap:8px}.status-row{display:grid;gap:4px;border:1px solid var(--line);border-left:4px solid #657086;border-radius:var(--radius);padding:11px 12px;background:#0d121b}.status-row strong{line-height:1.2}.status-row span{color:var(--muted);font-size:13px;line-height:1.35}.status-row.ok{border-left-color:var(--ok)}.status-row.warn{border-left-color:var(--warn)}.status-row.fail{border-left-color:var(--danger)}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.empty-state{border:1px dashed #3a4559;color:var(--muted);border-radius:var(--radius);padding:14px;background:var(--surface-soft)}.client-list,.policy-list,.setup-grid,.snippet-grid,.integration-grid{display:grid;gap:10px}.client-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#0d121b}.client-row div,.setup-grid div{display:grid;gap:4px;min-width:0}.client-row span,.setup-grid span,.policy-list span{color:var(--muted);font-size:13px;line-height:1.36}.policy-list span{border:1px solid var(--line);background:var(--surface-soft);border-radius:var(--radius);padding:11px 12px}.integration-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.integration-card{display:grid;gap:8px;padding:14px;border:1px solid var(--line);background:#0a0e1794;border-radius:8px}.integration-card strong{color:var(--text);font-size:13px}.integration-card span{color:var(--muted);font-size:12px;line-height:1.55}.snippet-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#0d121b}.snippet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.snippet-head strong{font-size:13px}.snippet-head button{min-height:32px;padding:6px 10px}.snippet-card code{max-height:260px}@media(max-width:860px){.app-frame{grid-template-columns:1fr;background:var(--canvas)}.sidebar{position:static;height:auto;grid-template-rows:auto auto}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.sidebar-footer{display:none}.workspace{padding:18px}.topbar,.page-head{align-items:start;flex-direction:column}.user-chip{width:100%;justify-content:space-between}.client-row{align-items:start;flex-direction:column}}@media(max-width:520px){.login-card{padding:22px}.login-card h1{font-size:30px}.workspace{padding:16px}.page-head h2{font-size:25px}.metric-grid{grid-template-columns:1fr}}