:root{
  --wmf-navy:#0f2e4f;
  --wmf-blue:#1f4f7a;
  --wmf-gold:#d7b260;
  --wmf-slate:#4b5a6a;
  --wmf-bg:#f4f7fb;
  --wmf-card:#ffffff;
  --wmf-border:#dbe4ee;
  --wmf-ok:#0f9d58;
  --wmf-warn:#b7791f;
  --wmf-danger:#c53030;
}
body{background:var(--wmf-bg);} .phase1-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start;} .phase1-sidebar,.phase1-main-card,.phase1-panel,.phase1-hero,.phase1-metric,.phase1-table-card{background:var(--wmf-card);border:1px solid var(--wmf-border);border-radius:18px;box-shadow:0 10px 24px rgba(15,46,79,.06);} .phase1-sidebar{position:sticky;top:16px;padding:18px;} .phase1-main{display:grid;gap:20px;min-width:0;} .phase1-hero{padding:22px;background:linear-gradient(135deg,#16365b 0%,#204d77 55%,#2f658f 100%);color:#fff;border:none;} .phase1-kicker{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.9;margin-bottom:8px;} .phase1-hero h2{margin:0 0 8px 0;font-size:1.8rem;} .phase1-hero p{margin:0;max-width:920px;opacity:.95;} .phase1-grid-4,.phase1-grid-3,.phase1-grid-2{display:grid;gap:16px;} .phase1-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));} .phase1-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));} .phase1-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));} .phase1-metric{padding:18px;} .phase1-metric-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--wmf-slate);margin-bottom:8px;} .phase1-metric-value{font-size:1.9rem;font-weight:700;color:var(--wmf-navy);line-height:1.1;} .phase1-metric-note{margin-top:8px;font-size:.92rem;color:var(--wmf-slate);} .phase1-panel,.phase1-table-card{padding:18px;} .phase1-panel h3,.phase1-table-card h3,.phase1-sidebar h3{margin:0 0 12px 0;color:var(--wmf-navy);} .phase1-list,.phase1-nav-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;} .phase1-nav-list a{display:block;padding:10px 12px;border-radius:12px;background:#f8fbff;color:var(--wmf-navy);text-decoration:none;border:1px solid var(--wmf-border);font-weight:600;} .phase1-nav-list a:hover{background:#eef5fd;} .phase1-tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:700;background:#edf4fb;color:var(--wmf-blue);} .phase1-status-ok{background:#e8f7ee;color:var(--wmf-ok);} .phase1-status-warn{background:#fff6e5;color:var(--wmf-warn);} .phase1-status-danger{background:#fdecec;color:var(--wmf-danger);} .phase1-table{width:100%;border-collapse:collapse;font-size:.95rem;} .phase1-table th,.phase1-table td{padding:11px 10px;border-bottom:1px solid var(--wmf-border);text-align:left;vertical-align:top;} .phase1-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--wmf-slate);} .phase1-callout{padding:14px 16px;border-radius:14px;background:#f8fbff;border:1px dashed #bfd1e4;color:var(--wmf-navy);} .phase1-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;} .phase1-button-row{display:flex;gap:10px;flex-wrap:wrap;} .phase1-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:700;border:1px solid var(--wmf-border);background:#fff;color:var(--wmf-navy);} .phase1-button.primary{background:var(--wmf-navy);border-color:var(--wmf-navy);color:#fff;} .phase1-small{font-size:.9rem;color:var(--wmf-slate);} .phase1-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} .phase1-mini-card{padding:12px;border:1px solid var(--wmf-border);border-radius:14px;background:#fbfdff;} .phase1-mini-card strong{display:block;font-size:1.1rem;color:var(--wmf-navy);} .phase1-divider{height:1px;background:var(--wmf-border);margin:14px 0;} .phase1-sidebar .phase1-small{line-height:1.45;} @media (max-width:1100px){.phase1-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}.phase1-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}.phase1-shell{grid-template-columns:1fr;}.phase1-sidebar{position:static;}} @media (max-width:700px){.phase1-grid-4,.phase1-grid-3,.phase1-grid-2,.phase1-mini-grid{grid-template-columns:1fr;}.phase1-hero h2{font-size:1.45rem;}}