:root{--ink:#0b1720;--blue:#0d5d87;--paper:#f4f7f9;--line:#d6e1e6}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}.wrap{width:min(1050px,92vw);margin:auto}.header{background:#071721;color:white;padding:1rem 0}.header .wrap{display:flex;justify-content:space-between;align-items:center}.brand{font-size:1.45rem;font-weight:950}.brand b{color:#59c3ec}.btn{border:0;border-radius:11px;background:var(--blue);color:white;padding:.8rem 1rem;font-weight:850;cursor:pointer}.btn.alt{background:white;color:var(--blue);border:1px solid var(--line)}.login{min-height:100vh;display:grid;place-items:center;padding:2rem}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.4rem}.login-card{width:min(460px,100%);display:grid;gap:1rem}.field{display:grid;gap:.35rem}.field input,.field textarea,.field select{padding:.9rem 1rem;border:1px solid #b8c6ce;border-radius:10px}.main{padding:2rem 0 4rem}.hero{background:linear-gradient(120deg,#0b354d,#0e769c);color:white;border-radius:22px;padding:2rem;margin-bottom:1.2rem}.hero h1{font-size:2.4rem;margin:.2rem 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric strong{display:block;font-size:2rem}.nav{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.1rem 0}.nav button{border:1px solid var(--line);background:white;border-radius:999px;padding:.55rem .85rem;font-weight:750;cursor:pointer}.nav button.active{background:var(--blue);color:white}.panel{margin-top:1rem}.item{border-top:1px solid var(--line);padding:1rem 0}.item:first-child{border:0}.pill{background:#e9f1f5;border-radius:999px;padding:.25rem .55rem;font-size:.8rem;font-weight:800}.error{background:#fde1e3;color:#8a1821;padding:.85rem;border-radius:10px}.ok{background:#dcf2e6;color:#105d3c;padding:.85rem;border-radius:10px}@media(max-width:700px){.grid{grid-template-columns:1fr 1fr}}