:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#faf8f3;--color-surface:#fff;--color-surface-subtle:#eef2f5;--color-surface-hover:#f5f7f8;--color-text:#1f2933;--color-text-secondary:#52616b;--color-text-inverse:#fff;--color-brand:#243b53;--color-brand-hover:#192c40;--color-brand-active:#112333;--color-brand-soft:#e9eff3;--color-sage:#7c9a7e;--color-sage-soft:#edf2ec;--color-gold:#c9a66b;--color-gold-soft:#f7f0e5;--color-border:#d8e0e5;--color-border-strong:#a7b4bf;--color-focus:#205a8a;--color-success:#365e43;--color-success-bg:#e9f3ec;--color-success-accent:#4e8c61;--color-warning:#855a0e;--color-warning-bg:#fff4d9;--color-warning-accent:#d6a23d;--color-danger:#9c3532;--color-danger-bg:#fcedea;--color-danger-accent:#c85a54;--color-info:#275a77;--color-info-bg:#eaf3f8;--color-info-accent:#4385a8;--color-neutral:#475569;--color-neutral-bg:#eef2f5;--color-disabled-bg:#eef2f5;--color-disabled-text:#647482;--font-ui:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-pill:9999px;--shadow-card:0 2px 10px #1f29330f;--shadow-popover:0 12px 32px #1f293324;--sidebar-width:248px;--sidebar-width-compact:72px;--topbar-height:64px;--content-max-width:1440px;--duration-fast:.12s;--duration-normal:.18s;--color-overlay:#11233380}html{font-family:var(--font-ui)}body{background:var(--color-bg);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:22px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:var(--color-brand);text-underline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{letter-spacing:-.025em;font-size:28px;line-height:36px}h2{letter-spacing:-.02em;font-size:22px;line-height:30px}h3{font-size:16px;line-height:24px}p{color:var(--color-text-secondary)}svg{flex-shrink:0}.skip-link{top:-80px;left:var(--space-4);z-index:10;padding:var(--space-3);background:var(--color-surface);position:fixed}.skip-link:focus{top:var(--space-4)}.sidebar{width:var(--sidebar-width);background:var(--color-brand);color:var(--color-text-inverse);padding:var(--space-8) var(--space-4);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:var(--space-3);color:var(--color-text-inverse);padding:var(--space-2);font-size:22px;font-weight:700;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--color-sage);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-gold);place-items:center;display:grid}.brand-caption{font-size:12px;font-weight:400;line-height:20px;display:block}.nav-label{color:var(--color-text-inverse);padding:var(--space-10) var(--space-4) var(--space-3);font-size:12px}nav{gap:var(--space-2);display:grid}nav a{min-height:48px;padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);color:var(--color-text-inverse);border-radius:var(--radius-md);border-left:3px solid #0000;text-decoration:none;display:flex}nav a:hover{background:var(--color-brand-hover)}nav a[aria-current]{background:var(--color-brand-active);border-left-color:var(--color-gold);font-weight:600}.sidebar :focus-visible,.drawer :focus-visible{outline-color:var(--color-text-inverse)}.sidebar-footer{padding:var(--space-6) var(--space-4) var(--space-2);margin-top:auto;font-size:13px}.sidebar-footer strong{margin-bottom:var(--space-2);display:block}.sidebar-footer p{color:var(--color-text-inverse);margin-bottom:var(--space-6)}.sidebar-footer>span:last-child{font-size:12px}.small-accent{background:var(--color-gold);width:32px;height:3px;margin-bottom:var(--space-5);display:block}.workspace{margin-left:var(--sidebar-width)}.topbar{height:var(--topbar-height);padding:0 var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.organization{gap:var(--space-3);align-items:center;min-width:0;display:flex}.organization strong{font-size:13px;display:block}.organization span:not(.organization-mark){color:var(--color-text-secondary);font-size:12px;display:block}.organization-mark{background:var(--color-sage-soft);color:var(--color-brand);border-radius:var(--radius-md);place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.topbar-link{align-items:center;gap:var(--space-2);min-height:44px;font-size:13px;display:flex}main{max-width:var(--content-max-width);padding:var(--space-6) var(--space-8) var(--space-8);min-height:calc(100vh - 128px);margin:auto}.demo-banner{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);margin-bottom:var(--space-8);flex-wrap:wrap;font-size:12px;display:flex}.demo-banner strong{color:var(--color-text);font-weight:600}.demo-dot{background:var(--color-gold);border-radius:var(--radius-pill);width:8px;height:8px}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.eyebrow{color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:12px;font-weight:600}.page-heading h1{margin-bottom:var(--space-2);overflow-wrap:anywhere}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);white-space:nowrap;transition:background var(--duration-fast) ease-out;border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{background:var(--color-brand);color:var(--color-text-inverse)}.button-primary:hover{background:var(--color-brand-hover)}.button-primary:active{background:var(--color-brand-active)}.button-secondary{background:var(--color-surface);color:var(--color-brand);border-color:var(--color-border-strong)}.button-secondary:hover,.button-ghost:hover{background:var(--color-surface-hover)}.button-ghost{color:var(--color-brand);background:0 0}.button:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:wait}.welcome{background:var(--color-sage-soft);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.welcome h2{color:var(--color-brand);margin:var(--space-3) 0;font-size:28px;line-height:36px}.welcome p{max-width:560px;margin-bottom:var(--space-5)}.welcome a,.text-link{align-items:center;gap:var(--space-2);min-height:44px;font-weight:600;display:inline-flex}.layers-art{min-width:144px;color:var(--color-sage);place-items:center;display:grid}.layers-art svg{width:120px;height:120px}.metrics{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card{background:var(--color-surface);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0}main>.card+.card{margin-top:var(--space-6)}.metric-label{gap:var(--space-2);color:var(--color-text-secondary);align-items:center;display:flex}.metric-value{margin:var(--space-3) 0;font-variant-numeric:tabular-nums;font-size:32px;line-height:40px;display:block}.metric-value span{font-size:16px;font-weight:500}.metric-status{min-height:40px;margin:var(--space-3) 0;align-items:center;display:flex}.secondary{color:var(--color-text-secondary);font-size:13px}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.section-heading p{margin-top:var(--space-1)}.project-row{align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-top:1px solid var(--color-border);display:flex}.project-icon{border-radius:var(--radius-md);background:var(--color-surface-subtle);width:44px;height:44px;color:var(--color-brand);flex-shrink:0;place-items:center;display:grid}.project-name{flex:1;min-width:0}.project-name h3{margin:var(--space-1) 0;overflow-wrap:anywhere}.project-name h3 a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.project-name h3 a:hover{text-decoration:underline}.metadata{color:var(--color-text-secondary);font-size:12px;display:block}.project-phase{width:176px;font-size:13px}.project-phase .metadata{margin-bottom:var(--space-1)}.project-open{border-radius:var(--radius-md);place-items:center;min-width:44px;min-height:44px;display:grid}.project-open:hover{background:var(--color-brand-soft)}.badge{align-items:center;gap:var(--space-1);width:fit-content;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);white-space:nowrap;font-size:12px;font-weight:600;line-height:20px;display:inline-flex}.badge-neutral{color:var(--color-neutral);background:var(--color-neutral-bg)}.badge-info{color:var(--color-info);background:var(--color-info-bg)}.badge-success{color:var(--color-success);background:var(--color-success-bg)}.badge-warning{color:var(--color-warning);background:var(--color-warning-bg)}.badge-danger{color:var(--color-danger);background:var(--color-danger-bg)}.foundation-note{gap:var(--space-3);padding:var(--space-6) 0;color:var(--color-brand);display:flex}.foundation-note p{margin-top:var(--space-1);font-size:13px}.page-footer{justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-8);color:var(--color-text-secondary);border-top:1px solid var(--color-border);font-size:12px;display:flex}.field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.field label{font-weight:600}input,select{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}input:hover,select:hover{border-color:var(--color-brand)}input[aria-invalid=true]{border-color:var(--color-danger)}.filters{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.result-count{margin:var(--space-5) 0}.empty{text-align:center;padding:var(--space-10) var(--space-4)}.empty>svg{color:var(--color-text-secondary);margin-bottom:var(--space-3)}.empty p{margin:var(--space-3) auto var(--space-5);max-width:560px}.banner{background:var(--color-brand-soft);color:var(--color-brand);padding:var(--space-5);border-radius:var(--radius-md);margin:var(--space-6) 0}.banner p{margin-top:var(--space-2)}.error{background:var(--color-danger-bg);color:var(--color-danger)}.health-list>div{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-5) 0;border-top:1px solid var(--color-border);display:flex}.health-list>div>span:first-child{gap:var(--space-3);align-items:center;display:flex}.card>p+p{margin-top:var(--space-4)}.card>h2+p{margin-top:var(--space-3)}.details{gap:var(--space-6);grid-template-columns:1fr 1fr;margin:0;display:grid}dt{color:var(--color-text-secondary);font-size:13px}dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere;font-weight:600}.back-link{margin-bottom:var(--space-4)}.skeleton{background:var(--color-surface-subtle);min-height:200px}.menu-toggle{display:none}.drawer{width:min(320px,100% - 32px);height:100dvh;max-height:100dvh;padding:var(--space-6) var(--space-4);background:var(--color-brand);color:var(--color-text-inverse);border:0;margin:0}.drawer[open]{flex-direction:column;display:flex}.drawer::backdrop{background:var(--color-overlay)}.drawer-close{color:var(--color-text-inverse);align-self:flex-end;min-width:44px;min-height:44px}.drawer-close:hover{background:var(--color-brand-hover)}@media (pointer:coarse){.button{min-height:44px}}@media (width<=1279px){.project-icon{display:none}.project-phase{width:144px}.metrics{gap:var(--space-4)}}@media (width<=1023px){.sidebar{display:none}.workspace{margin-left:0}.menu-toggle{min-width:44px;min-height:44px;display:inline-flex}.topbar{padding:0 var(--space-6)}.organization{margin-right:auto}main{padding:var(--space-6)}.card{padding:var(--space-5)}.button{min-height:44px}}@media (width<=767px){main{padding:var(--space-5) var(--space-4)}.topbar{padding:0 var(--space-3);gap:var(--space-2)}.organization-mark,.topbar-link{display:none}.organization span:not(.organization-mark){font-size:12px}h1{font-size:24px;line-height:32px}h2{font-size:20px;line-height:28px}.page-heading{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column}.page-heading .button{min-height:48px}.demo-banner{margin-bottom:var(--space-6)}.welcome{padding:var(--space-6)}.welcome h2{font-size:24px;line-height:32px}.layers-art{display:none}.metrics{gap:var(--space-4);grid-template-columns:1fr}.card{padding:var(--space-4)}.metric-value,.metric-status{margin:var(--space-2) 0}.section-heading{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.project-row{gap:var(--space-3);grid-template-columns:1fr auto;display:grid}.project-name{grid-column:1/-1}.project-phase{grid-column:1;width:auto}.project-row .badge{grid-area:2/2}.project-open{grid-column:2}.filters,.details{grid-template-columns:1fr}input,select{min-height:48px;font-size:16px}.page-footer{padding:var(--space-4);gap:var(--space-1);flex-direction:column}.health-list>div{flex-wrap:wrap}}