:root{--navy:#0b2a50;--navy2:#123d70;--gold:#c8a23a;--bg:#f4f7fb;--ink:#17243a;--muted:#6b7789;--green:#17834f;--red:#b42318;--line:#dfe6ef}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.top{background:var(--navy);color:#fff;padding:20px 5%;border-bottom:4px solid var(--gold);display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-weight:800;font-size:24px}.brand span{color:#e1bd58}.tag{font-size:14px;opacity:.9}.wrap{max-width:1180px;margin:24px auto;padding:0 18px}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.nav a,.btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;padding:11px 16px;border-radius:10px;font-weight:700;border:0}.btn.gold{background:var(--gold);color:#fff}.btn.gray{background:#73839a}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin:16px 0;box-shadow:0 5px 18px rgba(14,34,60,.05)}h1,h2,h3{color:var(--navy);margin-top:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:16px}.metric .label{font-size:13px;color:var(--muted);font-weight:700}.metric .value{font-size:29px;color:var(--navy);font-weight:800;margin:8px 0}.metric .sub{font-size:12px;color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:11px;text-align:left;vertical-align:top;font-size:14px}th{background:var(--navy);color:#fff}.ok{color:var(--green);font-weight:700}.bad{color:var(--red);font-weight:700}.notice{border-left:5px solid var(--gold);background:#fff9e8;padding:14px;border-radius:10px;margin:14px 0}.good{border-left-color:var(--green);background:#eef9f3}.barrow{display:grid;grid-template-columns:190px 1fr 60px;gap:10px;align-items:center;margin:11px 0}.bar{height:13px;background:#e8edf4;border-radius:20px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--navy2),var(--gold))}.barlabel{font-size:13px;font-weight:700}.barnum{text-align:right;font-weight:700}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pill{display:inline-block;padding:5px 9px;background:#eef3f8;border-radius:99px;margin:3px;font-size:12px}.danger{background:#fff0ef;color:#9a2117}.success{background:#edf8f2;color:#126b42}form label{display:block;font-weight:700;margin:10px 0 5px}input{width:100%;padding:12px;border:1px solid #cfd8e4;border-radius:9px}footer{text-align:center;color:#7b8796;padding:30px 15px;font-size:12px}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.barrow{grid-template-columns:130px 1fr 45px}.top{display:block}.tag{margin-top:6px}}@media(max-width:500px){.grid{grid-template-columns:1fr}.brand{font-size:20px}th,td{font-size:12px;padding:8px}.wrap{padding:0 10px}}