html,body,#root{min-height:100%;margin:0}:root{--bg:#0f1419;--panel:#171e26;--text:#e8eef5;--muted:#8b9aab;--accent:#3d8bfd;--line:#2a3542;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, #1a2a3d, var(--bg));font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.shell{max-width:1200px;margin:0 auto;padding:2rem}.hero h1,.top h1{margin:.2rem 0;font-family:IBM Plex Serif,Georgia,serif;font-size:2.2rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;font-size:.75rem}.lede{color:var(--muted)}.top{justify-content:space-between;align-items:end;margin-bottom:1.5rem;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.metrics div{background:var(--panel);border:1px solid var(--line);padding:1rem}.metrics span{color:var(--muted);font-size:.85rem;display:block}.metrics strong{font-size:1.6rem}.grid{grid-template-columns:1.4fr 1fr;gap:1.5rem;display:grid}.card-form{background:var(--panel);border:1px solid var(--line);gap:.75rem;padding:1rem;display:grid}label{color:var(--muted);gap:.35rem;font-size:.9rem;display:grid}input,select,textarea{border:1px solid var(--line);color:var(--text);font:inherit;background:#0d1218;padding:.6rem .7rem}button{background:var(--accent);color:#fff;cursor:pointer;border:0;padding:.7rem 1rem}button.ghost{border:1px solid var(--line);color:var(--text);background:0 0}table{border-collapse:collapse;background:var(--panel);width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:.7rem;font-size:.92rem}.muted{color:var(--muted);font-size:.8rem}.list{padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);padding:.5rem 0}.detail{border:1px solid var(--line);background:#121820;margin-top:1rem;padding:1rem}.error{color:#ff7b7b}@media (width<=900px){.metrics,.grid{grid-template-columns:1fr}}