:root{font-family:Inter,ui-sans-serif,system-ui;background:#07111f;color:#e8f0fa;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0,#153b63 0,transparent 38%),#07111f}header,main{max-width:1200px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #28415b}h1{font-size:clamp(2rem,5vw,4rem);margin:.2rem 0}p{color:#9eb4c9}.eyebrow{color:#65d6ba;font-weight:800;letter-spacing:.16em}.badge{background:#18344e;padding:8px 14px;border-radius:99px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric,.card{background:#0e2032;border:1px solid #294159;border-radius:16px;padding:20px}.metric strong{font-size:2rem;display:block;color:#65d6ba}.toolbar{display:flex;gap:12px;margin:28px 0}input,select,button{font:inherit;border:1px solid #35516c;border-radius:10px;padding:12px;background:#0c1b2a;color:#fff}input{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{cursor:pointer;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#65d6ba}.card h2{font-size:1.1rem}.tag{font-size:.75rem;color:#65d6ba;text-transform:uppercase}.status{font-size:.75rem;background:#193752;padding:4px 8px;border-radius:99px}dialog{max-width:720px;width:90%;background:#0e2032;color:#fff;border:1px solid #65d6ba;border-radius:18px;padding:28px}dialog::backdrop{background:#000a}.close{float:right}@media(max-width:600px){header{display:block}.metrics{grid-template-columns:1fr}.toolbar{flex-direction:column}}