:root{color-scheme:light;--bg:#0b1220;--ink:#e8eef8;--muted:#93a0b8;--panel:rgba(15,23,42,0.88);--line:rgba(148,163,184,0.28);--accent:#38bdf8;--accent-ink:#082f49;--danger:#fb7185;--ok:#34d399;--warn:#fbbf24;--shadow:0 24px 80px rgba(2,8,23,0.45);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--ink);background:radial-gradient(circle at 12% -10%,rgba(56,189,248,.22),transparent 42%),radial-gradient(circle at 90% 0,rgba(52,211,153,.12),transparent 36%),linear-gradient(180deg,#07111f,#0b1220 55%,#111827)}a{color:inherit}button,input{font:inherit}.shell{min-height:100vh}.frame{width:min(920px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 4rem}.nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem}.brand{font-size:1.1rem;letter-spacing:-.03em;text-decoration:none;font-weight:650}.brand span{color:var(--accent)}.nav-links{display:flex;gap:.85rem;align-items:center;color:var(--muted);font-size:.95rem}.nav-links a{text-decoration:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:1.1rem;box-shadow:var(--shadow);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero h1{margin:.35rem 0 .5rem;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.04em}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--accent)}.muted{color:var(--muted);line-height:1.55}.status{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.35rem .75rem;background:rgba(52,211,153,.14);color:var(--ok);font-size:.85rem}.status.is-warn{background:rgba(251,191,36,.14);color:var(--warn)}.status.is-bad{background:rgba(251,113,133,.14);color:var(--danger)}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:1.25rem 0}.stat{padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:rgba(2,6,23,.35)}.stat span{display:block;color:var(--muted);font-size:.85rem}.stat strong{display:block;margin-top:.35rem;font-size:1.35rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.7rem 1.1rem;background:var(--accent);color:var(--accent-ink);text-decoration:none;cursor:pointer;font-weight:600}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.form{display:grid;grid-gap:.85rem;gap:.85rem;max-width:26rem}.form label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.95rem}.form input{border:1px solid var(--line);border-radius:.85rem;padding:.8rem .95rem;background:rgba(2,6,23,.55);color:var(--ink)}.note{margin-top:1rem;color:var(--muted);font-size:.9rem}.error{color:var(--danger)}