:root{--bg:#0b1020;--bg-soft:#111831;--panel:#131c38;--panel-border:#263457;--text:#e7ecff;--muted:#a8b4d8;--accent:#6ea8fe;--accent-strong:#3d85ff;--success:#24b47e;--warn:#f2a93b;--danger:#f87171}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top,#1a2550 0,var(--bg) 45%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1100px;margin:0 auto;padding:20px}.topNav{position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(11,16,32,.7);border-bottom:1px solid var(--panel-border)}.topNavInner{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:14px}.brand{font-weight:700;margin-right:8px}.navLink{color:var(--muted);padding:6px 10px;border-radius:8px;transition:all .2s ease}.navLink:hover{color:var(--text);background:rgba(110,168,254,.12)}.hero{background:linear-gradient(145deg,rgba(110,168,254,.2),rgba(61,133,255,.08));border:1px solid var(--panel-border);border-radius:14px;padding:18px;margin-bottom:18px}.title{margin:0 0 8px;font-size:1.9rem}.subtitle{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:12px;gap:12px}.card{border:1px solid var(--panel-border);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border-radius:12px;padding:14px}.cardTitle{margin:0;color:var(--muted);font-size:.95rem}.cardValue{margin:8px 0 0;font-size:2rem;font-weight:700}.status{border-radius:10px;padding:10px 12px;margin:8px 0 14px;font-size:.95rem}.status.warn{border:1px solid rgba(242,169,59,.4);background:rgba(242,169,59,.12);color:#ffd28b}.status.error{border:1px solid rgba(248,113,113,.4);background:rgba(248,113,113,.12);color:#ffc0c0}.status.info{border:1px solid rgba(110,168,254,.4);background:rgba(110,168,254,.12);color:#cfe3ff}.buttonRow{display:flex;flex-wrap:wrap;gap:8px}.button{border:1px solid var(--panel-border);background:var(--bg-soft);color:var(--text);border-radius:10px;padding:8px 12px;cursor:pointer}.button.active,.button:hover{border-color:var(--accent);background:rgba(110,168,254,.16)}.pillLinkList{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0;padding:0;list-style:none}.pillLink{border:1px solid var(--panel-border);color:var(--text);padding:10px 12px;border-radius:999px}.formCard,.pillLink{background:var(--panel)}.formCard{max-width:460px;border:1px solid var(--panel-border);border-radius:14px;padding:16px}.fieldLabel{display:block;margin-bottom:6px;color:var(--muted);font-size:.9rem}.input{width:100%;border:1px solid var(--panel-border);background:#0f1530;color:var(--text);border-radius:10px;padding:10px 12px;margin-bottom:12px}.input:focus{outline:2px solid rgba(110,168,254,.35);border-color:var(--accent)}.primaryButton{width:100%;border:0;border-radius:10px;padding:11px 14px;color:white;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--accent-strong));cursor:pointer}.list{margin:12px 0 0;padding-left:20px;color:var(--muted)}