:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#edf2f8;color:#17314a;font:16px/1.6 system-ui,"Segoe UI",sans-serif}main{max-width:600px;margin:48px auto;padding:30px;background:#fff;border-radius:18px}main.wide{max-width:1160px}h1{font-size:32px;line-height:1.3}h2{font-size:22px}.eyebrow{font-size:13px;color:#1666ad;letter-spacing:1px}label{display:block;margin:20px 0}input{display:block;padding:12px;width:100%;font:inherit;border:1px solid #a9bbcc;border-radius:8px}button{font:inherit;font-weight:600;padding:10px 18px;border:0;border-radius:8px;background:#0866c0;color:white;cursor:pointer}a{color:#066ac4;text-underline-offset:3px}nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.metrics section{background:#eaf3fc;padding:22px;border-radius:12px}.metrics strong{display:block;font-size:30px;color:#075b9e}section{margin:24px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th,td{padding:12px;border-bottom:1px solid #dce5ef}th{background:#f0f5fa}@media(max-width:700px){main{margin:16px 12px;padding:20px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metrics section{padding:16px;margin:0}h1{font-size:26px}}