:root{font-family:'Plus Jakarta Sans',Arial,sans-serif;--ink:#f4f1e9;--muted:#91a0ad;--line:#253446;--paper:#111b28;--accent:#65d9ef;--cyan:#9ce9ff;--orange:#ff8868;--dark:#07101c}body{background:var(--dark);color:var(--ink);background-image:linear-gradient(90deg,rgba(101,217,239,.035) 1px,transparent 1px),linear-gradient(rgba(101,217,239,.035) 1px,transparent 1px);background-size:48px 48px}body:before{background:radial-gradient(circle at 78% 8%,rgba(46,100,171,.26),transparent 34%),radial-gradient(circle at 8% 92%,rgba(101,217,239,.08),transparent 28%)}.shell{background:linear-gradient(115deg,#07101c 0%,#0b1725 58%,#101827 100%)}.side{background:#09121eeb;border-right:1px solid #26384a;padding:31px 22px}.brand{font:700 30px 'Space Grotesk',sans-serif;color:#f4f1e9}.brand:before{content:'+';display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border:2px solid var(--accent);border-radius:50%;color:var(--accent);font:700 17px Arial}.brand small{font:500 10px 'IBM Plex Mono',monospace;color:#6e8294;letter-spacing:2px}.nav{margin-top:58px}.nav button{font:600 12px 'Plus Jakarta Sans',sans-serif;color:#8c9bab}.nav button:hover,.nav .active{background:#122639;border-color:#244359;color:#cfffff;transform:none}.nav button[data-action=create]{margin-top:20px;background:var(--accent);color:#06131d;border-color:var(--accent);box-shadow:0 10px 24px rgba(101,217,239,.14)}.foot{color:#6d8293;font:11px 'IBM Plex Mono',monospace}.main{padding:34px clamp(24px,5vw,86px) 72px}.top{min-height:148px;border-bottom:1px solid #26384a;padding-bottom:28px}.eyebrow,.modal-kicker{color:var(--orange);font:500 10px 'IBM Plex Mono',monospace;letter-spacing:2.3px}.title{font:700 clamp(42px,5vw,74px) 'Space Grotesk',sans-serif;letter-spacing:-4px;color:#f8f4eb}.muted{color:var(--muted);font:13px 'Plus Jakarta Sans',sans-serif}.btn{border-radius:999px;border-color:var(--accent);background:var(--accent);color:#06131d;font:800 11px 'IBM Plex Mono',monospace;box-shadow:0 8px 22px rgba(101,217,239,.13)}.btn.light{background:transparent;color:#b5c3cf;border-color:#2c4052;box-shadow:none}.metrics{gap:12px;margin-bottom:26px}.metric,.panel,.login-card{background:rgba(15,29,44,.78);border:1px solid #263a4c;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.035)}.metric{padding:22px}.metric:after{border-color:#65d9ef36}.metric span{font:500 10px 'IBM Plex Mono',monospace;color:#7890a1}.metric strong{font:700 40px 'Space Grotesk',sans-serif;color:#eff8ef;letter-spacing:-2px}.metric small{font:11px 'IBM Plex Mono',monospace;color:#7890a1}.panel{padding:26px;margin-bottom:18px}.panel-head{border-bottom:1px solid #263a4c;padding-bottom:20px;margin-bottom:5px}.panel h2{font:600 21px 'Space Grotesk',sans-serif;color:#f5f3ec}.input{border:1px solid #30485d;border-radius:7px;background:#0a1623;color:#f4f1e9}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(101,217,239,.12)}table{font:12px 'Plus Jakarta Sans',sans-serif}th{font:500 9px 'IBM Plex Mono',monospace;color:#7790a2}td{border-bottom-color:#203345;color:#d1d9dc;padding:17px 12px}td small{font:10px 'IBM Plex Mono',monospace;color:#7890a1}.badge{background:#173d45;color:#9ce9ff;border-radius:999px;font:500 10px 'IBM Plex Mono',monospace}.badge.off{background:#4a2b2c;color:#ffad98}.small-btn{background:#112334;border:1px solid #30485d;color:#b9cad4;border-radius:999px;font:500 10px 'IBM Plex Mono',monospace}.small-btn:hover{border-color:var(--accent);color:var(--accent);background:#123244}.event{border-bottom-color:#263a4c;color:#c7d1d6;font:12px 'IBM Plex Mono',monospace}.event span{color:#7890a1}.empty{color:#7890a1;font:12px 'IBM Plex Mono',monospace}.login{background:radial-gradient(circle at 50% 25%,#173650 0,transparent 38%),var(--dark)}.login:before{color:var(--accent);font:500 10px 'IBM Plex Mono',monospace}.login-card{width:min(470px,100%);padding:47px;border-radius:16px;animation:rise .65s ease both}.login-card h1{font:700 46px 'Space Grotesk',sans-serif;letter-spacing:-3px;color:#f8f4eb}.login-card .muted{line-height:1.65}.form label{font:600 10px 'IBM Plex Mono',monospace;color:#8da2b1}.form .btn{border-radius:999px}.error{color:#ff967b;font:11px 'IBM Plex Mono',monospace}.modal{background:#030a12a8;backdrop-filter:blur(12px)}.modal-card{background:#0d1b29;border-color:#355066;border-radius:14px}.modal-card h2{font:600 31px 'Space Grotesk',sans-serif;color:#f8f4eb}.choice{background:#0a1623;border-color:#30485d;border-radius:9px;color:#d9e3e5}.choice:hover,.choice.selected{border-color:var(--accent);background:#102d3b}.choice b{font:600 12px 'Plus Jakarta Sans',sans-serif}.choice small{font:10px 'IBM Plex Mono',monospace;color:#7890a1}.modal-actions{border-top-color:#263a4c}.modal textarea{resize:vertical}@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
