:root{--color-bg:#f4f7fe;--color-surface:#fff;--color-surface-soft:#f8faff;--color-text:#1b2340;--color-muted:#6b7593;--color-border:#dde5f3;--color-brand:#6f5bff;--color-brand-soft:#eeebff;--color-ok:#1f9d66;--color-warn:#d58a22;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 8px 24px #4a5b8c14}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 320px at 10% -20%,#f0edff 0%,var(--color-bg)52%);color:var(--color-text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1320px;padding:var(--space-7);margin:0 auto}h1{letter-spacing:-.02em;margin:0;font-size:2rem;line-height:1.15}h2{letter-spacing:-.01em;margin:0;font-size:1.35rem;line-height:1.2}h3{margin:0;font-size:1rem;line-height:1.25}.hero{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.heroLeft{align-items:center;gap:var(--space-3);display:flex}.logoBadge{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.hero p{margin:var(--space-1)0 0;color:var(--color-muted);font-size:.95rem}.primaryBtn,.ghostBtn{border-radius:var(--radius-sm);border:1px solid #0000;padding:10px 14px;font-size:.92rem;font-weight:600}.primaryBtn{background:var(--color-brand);color:#fff;box-shadow:var(--shadow-md)}.ghostBtn{border-color:var(--color-border);background:var(--color-surface)}.inlineLink{color:var(--color-brand);font-weight:600}.navRow{gap:var(--space-3);display:flex}.navCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);flex:1;transition:border-color .15s,box-shadow .15s}.navCard:hover{border-color:var(--color-brand);box-shadow:var(--shadow-md)}.navCard h3{margin:var(--space-2)0 2px;font-size:.875rem}.navCard .muted{font-size:.75rem}.navIcon{color:var(--color-brand);display:flex}.galleryGrid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.galleryCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.galleryCard h3{margin:var(--space-3)0 var(--space-2)}.pill{color:#5f56d7;background:var(--color-brand-soft);border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.masterLayout{gap:var(--space-4);display:grid}.kpiGrid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.twoCol{gap:var(--space-3);grid-template-columns:1.1fr .9fr;display:grid}.threeCol{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.cardHeader{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.cardBody{padding:var(--space-4)var(--space-5)}.statCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.metricLabel{color:var(--color-muted);margin:0;font-size:.82rem}.metricValue{margin:var(--space-2)0 var(--space-1);letter-spacing:-.03em;font-size:1.55rem;font-weight:700}.metricHint{color:#546180;margin:0;font-size:.82rem}.list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.listItem{justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-soft);border:1px solid #edf2fb;display:flex}.rowTitle{margin:0;font-size:.92rem;font-weight:600}.rowMeta{color:var(--color-muted);margin:0;font-size:.82rem}.alignRight{text-align:right}.statusDot{border-radius:999px;align-self:center;padding:3px 8px;font-size:.76rem;font-weight:600}.statusDot.ok{color:#116a43;background:#ddf5ea}.statusDot.warn{color:#8c5a14;background:#fff0db}.teamGrid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.teamCard{align-items:flex-start;gap:var(--space-3);background:var(--color-surface-soft);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid #edf2fb;display:flex}.avatar{background:var(--color-brand-soft);color:#594ce4;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.74rem;font-weight:700;display:grid}.muted{color:var(--color-muted)}.variantDashboard{gap:var(--space-4);display:grid}.variantHeader{border-style:dashed}.variantLayout{gap:var(--space-3);display:grid}.mainCol,.sideCol,.leftRail,.rightRail,.contentCol,.tripleStack,.doubleStack,.towerTop,.towerBottom,.feedCol,.supportCol{gap:var(--space-3);align-content:start;display:grid}.v2{grid-template-columns:1.25fr .75fr}.v3{grid-template-columns:.85fr 1.1fr .85fr}.v4 .timelineBand{grid-column:1/-1}.v4 .tripleStack{grid-template-columns:repeat(3,minmax(0,1fr))}.v4 .doubleStack{grid-template-columns:1fr 1fr}.v5{grid-template-columns:repeat(3,minmax(0,1fr))}.v6 .towerTop{grid-template-columns:1fr 1fr}.v6 .towerBottom{grid-template-columns:repeat(3,minmax(0,1fr))}.v7 .denseTwo{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.v8{grid-template-columns:1.2fr 1fr}.v8 .spotlight{grid-row:1/span 2}.v8 .contextGrid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.v9{grid-template-columns:1fr 1fr}.v10 .opsMatrix{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.boardCol>.card{min-height:100%}@media (max-width:1100px){.kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.threeCol{grid-template-columns:1fr}.teamGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.navRow{flex-wrap:wrap}.navCard{flex:1 1 calc(50% - var(--space-3))}.galleryGrid,.v2,.v3,.v5,.v8,.v9,.v4 .tripleStack,.v4 .doubleStack,.v6 .towerTop,.v6 .towerBottom,.v7 .denseTwo,.v8 .contextGrid,.v10 .opsMatrix{grid-template-columns:1fr}.v8 .spotlight{grid-row:auto}}@media (max-width:860px){.shell{padding:var(--space-5)}.hero{flex-direction:column;align-items:flex-start}.twoCol{grid-template-columns:1fr}}