:root{--bg-obsidian: #0A0A0F;--surface-glass: rgba(20, 20, 25, .6);--surface-elevated: rgba(28, 28, 36, .78);--border-subtle: rgba(255, 255, 255, .08);--border-cyan: rgba(0, 229, 255, .35);--accent-cyan: #00E5FF;--accent-purple: #B24BF3;--text-primary: #FFFFFF;--text-secondary: #8E8EA0;--status-ok: #10B981;--status-warn: #F59E0B;--status-danger: #EF4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-obsidian);background-image:radial-gradient(circle at 15% 15%,rgba(178,75,243,.12) 0%,transparent 45%),radial-gradient(circle at 85% 10%,rgba(0,229,255,.08) 0%,transparent 40%);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,.font-heading{font-family:Outfit,sans-serif}code,pre,.font-mono{font-family:JetBrains Mono,monospace}.cockpit-shell{max-width:1480px;margin:0 auto;padding:20px 28px 48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;background:var(--surface-glass);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:14px;margin-bottom:18px;flex-wrap:wrap}.brand-cluster{display:flex;align-items:center;gap:14px}.brand-orb{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#00e5ff38,#b24bf352);border:1px solid var(--border-cyan);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-weight:700;color:var(--accent-cyan)}.screen-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px}.screen-tab{background:var(--surface-glass);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:12px;padding:13px 14px;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all .18s ease}.screen-tab:hover{border-color:#00e5ff4d;color:var(--text-primary)}.screen-tab.active{background:linear-gradient(135deg,#00e5ff1f,#b24bf324);border-color:var(--accent-cyan);color:var(--text-primary);box-shadow:0 0 22px #00e5ff1f}.glass-panel{background:var(--surface-glass);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:14px;padding:20px;margin-bottom:18px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.grid-5{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;font-family:JetBrains Mono,monospace;border:1px solid var(--border-subtle)}.badge-cyan{background:#00e5ff1f;color:var(--accent-cyan);border-color:#00e5ff59}.badge-purple{background:#b24bf326;color:#d896ff;border-color:#b24bf366}.badge-green{background:#10b98124;color:#34d399;border-color:#10b98159}.badge-amber{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b66}.badge-red{background:#ef444426;color:#f87171;border-color:#ef444466}.btn{background:linear-gradient(135deg,#00e5ff2e,#b24bf338);color:var(--text-primary);border:1px solid var(--border-cyan);border-radius:9px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn:hover{background:linear-gradient(135deg,#00e5ff4d,#b24bf352);transform:translateY(-1px)}.btn-secondary{background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary)}.input-field,.select-field{background:#0a0a0fd9;border:1px solid var(--border-subtle);border-radius:8px;padding:9px 12px;color:var(--text-primary);font-size:13px;font-family:Inter,sans-serif}.email-preview{background:#0a0a0fe6;border:1px solid rgba(0,229,255,.22);border-radius:10px;padding:14px;font-size:13px;line-height:1.55;color:#e2e8f0;margin-top:10px}@media(max-width:980px){.screen-nav{grid-template-columns:1fr}}