/* UTF-8 */
:root{
  --bg:#f4f6f8; --fg:#333; --brand:#0b2c4a; --link:#0077cc; --muted:#667;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Segoe UI", Arial, sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}
header{background:var(--brand);color:#fff;padding:22px 16px}
header .wrap, main .wrap, footer .wrap{max-width:980px;margin:0 auto;padding:0 10px}
nav a{color:#fff;text-decoration:none;margin-right:14px;font-weight:600}
nav a.active{text-decoration:underline}
h1{margin:0;font-size:1.9rem}
main{padding:26px 0}
.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,.06);margin:12px 0}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid #e8ecef;text-align:left;font-variant-numeric:tabular-nums}
.badge{display:inline-block;background:#eef4ff;color:#224; border:1px solid #d3def8;padding:2px 8px;border-radius:999px;font-size:.85rem}
small.muted{color:var(--muted)}
footer{background:var(--brand);color:#fff}
footer .wrap{padding:14px 10px}