:root{--bg:#0b0f17;--card:#111827;--text:#e5e7eb;--muted:#9ca3af;--border:#1f2937;--good:#22c55e;--bad:#ef4444;--warn:#f59e0b;--link:#60a5fa}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 600px at 10% 10%, #111827 0%, var(--bg) 50%, #05070b 100%);height:100%;color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:24px}.card{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827bf;border-radius:14px;padding:16px}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.col-12{grid-column:span 12}.col-6{grid-column:span 6}.col-4{grid-column:span 4}@media (max-width:900px){.col-6,.col-4{grid-column:span 12}}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#0f172a;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 12px;display:inline-flex}.btn:hover{border-color:#334155}.btnPrimary{background:linear-gradient(135deg,#1d4ed8 0%,#7c3aed 100%);border:0}.btnDanger{background:#7f1d1d}.kpi{align-items:baseline;gap:12px;display:flex}.kpi .value{font-size:24px;font-weight:700}.kpi .label{color:var(--muted);font-size:12px}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:inline-flex}.badge.good{color:var(--good);border-color:#22c55e59}.badge.bad{color:var(--bad);border-color:#ef444459}.badge.warn{color:var(--warn);border-color:#f59e0b59}pre{border:1px solid var(--border);color:#d1d5db;background:#0b1220;border-radius:12px;padding:12px;overflow:auto}hr{border:none;border-top:1px solid var(--border);margin:16px 0}.small{color:var(--muted);font-size:12px}.fieldRow{align-items:center;gap:10px;margin-top:10px;display:flex}.fieldLabel{color:var(--muted);font-size:12px}.input,.textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#0b1220;border-radius:12px;outline:none;padding:10px 12px}.textarea{resize:vertical;min-height:42px}.input:focus,.textarea:focus{border-color:#334155}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #1f2937;padding:10px 12px;font-size:14px}.table thead th{color:#cbd5e1;border-bottom:1px solid #334155;font-weight:600}.kbd{background:#0b1220;border:1px solid #334155;border-radius:6px;padding:2px 6px;font-size:12px}.badge{color:#cbd5e1;background:#0b1220;border:1px solid #334155;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;display:inline-flex}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:240px}.nav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070bb8;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.navLeft,.navRight{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand{color:#f8fafc;font-size:20px;font-weight:800}.navLinks{flex-wrap:wrap;gap:8px;display:flex}.navLink{color:#cbd5e1;border-radius:10px;align-items:center;padding:8px 10px;display:inline-flex}.navLinkActive,.navLink:hover{color:#f8fafc;background:#60a5fa24;text-decoration:none}.authInterstitial{justify-content:center;align-items:center;min-height:calc(100vh - 120px);display:flex}.authCard{width:min(100%,540px);max-width:540px}.lead{color:#cbd5e1;line-height:1.6}.stack{gap:14px;display:grid}.roleGrid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.roleCard{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:18px;grid-column:span 6;gap:10px;padding:18px;display:grid}.roleCard h3{margin:0}.roleTag{color:#e2e8f0;background:#1e293bcc;border:1px solid #94a3b838;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.formGrid{gap:14px;display:grid}.fieldGroup{gap:6px;display:grid}.fieldGroup label{color:#cbd5e1;font-size:13px}.helperText{color:#94a3b8;font-size:12px}.workspaceHero{gap:12px;display:grid}.workspaceActions{flex-wrap:wrap;gap:10px;display:flex}.workspaceActionCard{flex:220px;gap:8px;min-width:220px;display:grid}.mutedList{color:#cbd5e1;gap:8px;display:grid}.notice{background:#0f172aa6;border:1px solid #60a5fa3d;border-radius:14px;padding:12px 14px}@media (max-width:900px){.nav{padding:12px 16px}.roleCard{grid-column:span 12}}