:root{--bg: #0b1020;--panel: #12172a;--elev: #1a2140;--text: #e5e7eb;--muted: #94a3b8;--brand: #6ee7b7;--brand-2: #60a5fa;--danger: #f87171;--ring: #22d3ee;--card: #0f152b;--border: #27304d;--inset: #0c1226}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}a{color:var(--brand-2);text-decoration:none}.button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:linear-gradient(180deg,var(--elev),var(--inset));color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer;transition:.2s transform ease,.2s box-shadow ease,.2s border-color ease}.button:hover{transform:translateY(-1px);box-shadow:0 6px 24px #00000040;border-color:#39456d}.button.primary{background:linear-gradient(180deg,#1e2a4d,#142048);border-color:#2a3761}.button.primary .dot{width:8px;height:8px;border-radius:50%;background:var(--brand)}.button.ghost{background:transparent;border-color:transparent}.input,select,textarea{width:100%;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;outline:none;transition:.2s border-color ease,.2s box-shadow ease}.input:focus,select:focus,textarea:focus{border-color:var(--ring);box-shadow:0 0 0 4px #22d3ee26}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px}.card{background:linear-gradient(180deg,var(--card),#0b1123);border:1px solid var(--border);border-radius:16px;padding:16px}.hstack{display:flex;align-items:center;gap:12px}.vstack{display:grid;gap:12px}.kbd{border:1px solid var(--border);background:var(--inset);padding:2px 6px;border-radius:6px;color:var(--muted);font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;color:#0b1224;background:var(--brand);border-radius:999px;padding:4px 10px;font-weight:600}.hr{height:1px;background:var(--border);border:0}.field{display:grid;gap:6px}.field>label{font-size:12px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:1120px){.grid-main{grid-template-columns:1fr!important}}