:root{
  --ink:#121820;
  --muted:#69727d;
  --soft:#8a929b;
  --navy:#0c3f87;
  --blue:#0d5fc5;
  --red:#d9111b;
  --red-dark:#a80f16;
  --paper:#fffdf8;
  --surface:#ffffff;
  --surface-2:#f6f7f8;
  --line:#dfe3e7;
  --line-dark:#cbd1d7;
  --green:#178956;
  --amber:#a66900;
  --shadow:0 12px 34px rgba(22,31,45,.09);
  --shadow-sm:0 4px 14px rgba(22,31,45,.07);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f3f4f2}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%}
.shell{width:min(1540px,100%);margin:auto;padding:0 22px 22px}
.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-bottom:1px solid var(--line);margin:0 -22px 18px;padding:9px 22px;position:sticky;top:0;z-index:120}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brandmark{width:46px;height:46px;border-radius:11px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow-sm)}
.brandmark img{width:100%;height:100%;object-fit:contain}
.brand h1{font-size:18px;line-height:1.15;margin:0;font-weight:800;letter-spacing:-.01em}
.brand p{margin:3px 0 0;color:var(--muted);font-size:11px}
.pill{border:1px solid #d8dde3;background:#f7f8fa;border-radius:999px;padding:8px 12px;color:#596573;font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm)}
.btn{border:1px solid #cbd3dc;background:#fff;color:#283443;border-radius:8px;padding:9px 13px;font-weight:760;font-size:12px;line-height:1.1;box-shadow:0 1px 1px rgba(0,0,0,.02)}
.btn:hover{border-color:#aab6c3;background:#f8fafc}
.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.primary:hover{background:#083574}
.btn.red{background:var(--red);border-color:var(--red);color:#fff}
.btn.red:hover{background:var(--red-dark)}
.btn.ghost{background:#f7f8fa}
.btn.small{padding:7px 9px;font-size:10px}
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:#f3f5f7;border:1px solid #dde2e7;color:#596571;font-size:9px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.badge.ok{color:#14643f;border-color:#bfe2d0;background:#eff9f4}
.badge.warn{color:#825900;border-color:#ead7a7;background:#fff9e7}
.badge.red{color:#9f121a;border-color:#efc2c6;background:#fff2f3}
.kicker{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#6f7d8b;font-weight:900}
.soft{color:var(--muted)}
.hidden{display:none!important}
@media(max-width:760px){
  .shell{padding:0 10px 12px}
  .topbar{margin:0 -10px 10px;padding:8px 10px;min-height:64px}
  .brand h1{font-size:15px}
  .brand p{display:none}
  .pill{font-size:8px;padding:7px 9px}
}