:root{--bg: #0b0e14;--panel: #131722;--border: #232a3b;--text: #d8dee9;--dim: #7a8499;--accent: #5ac8fa;--good: #4ade80;--warn: #fbbf24;--bad: #f87171;font-family:SF Mono,ui-monospace,Cascadia Code,Menlo,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px}#root{display:flex;min-height:100vh}nav{width:200px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:16px 0;display:flex;flex-direction:column;gap:2px}nav .brand{padding:0 16px 16px;font-weight:700;color:var(--accent);letter-spacing:1px}nav a{padding:8px 16px;color:var(--dim);text-decoration:none;cursor:pointer}nav a.active,nav a:hover{color:var(--text);background:#1a2030;border-right:2px solid var(--accent)}nav .spacer{flex:1}nav .who{padding:8px 16px;color:var(--dim);font-size:11px;word-break:break-all}main{flex:1;padding:24px;max-width:1200px}h1{font-size:18px;margin:0 0 16px}h2{font-size:14px;margin:20px 0 8px;color:var(--accent)}.cards{display:flex;gap:12px;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:14px 18px;min-width:160px}.card .label{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.card .value{font-size:22px;margin-top:4px}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:6px}th,td{text-align:left;padding:7px 12px;border-bottom:1px solid var(--border)}th{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.5px}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#1a2030}.badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;border:1px solid var(--border)}.badge.active{color:var(--good);border-color:var(--good)}.badge.archived,.badge.ended{color:var(--dim)}.badge.generating{color:var(--warn);border-color:var(--warn)}button{background:#1a2030;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 14px;cursor:pointer;font:inherit}button:hover{border-color:var(--accent);color:var(--accent)}button.danger:hover{border-color:var(--bad);color:var(--bad)}button:disabled{opacity:.4;cursor:default}input,textarea,select{background:#0e1220;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 10px;font:inherit;width:100%}textarea{min-height:220px;resize:vertical}label{display:block;color:var(--dim);font-size:11px;margin:10px 0 4px;text-transform:uppercase}form.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 16px;max-width:800px}form.grid .full{grid-column:1 / -1}.error{color:var(--bad);margin:8px 0;white-space:pre-wrap}.ok{color:var(--good);margin:8px 0}.dim{color:var(--dim)}.mono-scroll{overflow-x:auto}.login-wall{margin:auto;text-align:center;padding:60px}.login-wall h1{color:var(--accent);letter-spacing:2px}