:root{--color-canvas: #F5F5F4;--color-surface: #FFFFFF;--color-surface-subtle: #FAFAF9;--color-surface-raised: #FFFFFF;--color-ink: #171717;--color-ink-secondary: #404040;--color-ink-muted: #666666;--color-ink-disabled: #8A8A8A;--color-border: #E4E4E1;--color-border-strong: #C9C9C5;--color-control: #242424;--color-control-hover: #0A0A0A;--color-focus: #6D4875;--color-brand-green: #A7BB4B;--color-brand-green-dark: #667522;--color-brand-green-tint: #F3F6E5;--color-brand-purple: #A179A9;--color-brand-purple-dark: #6D4875;--color-brand-purple-tint: #F6F1F7;--status-critical-fg: #991B1B;--status-critical-bg: #FEF2F2;--status-critical-border: #FECACA;--status-warning-fg: #92400E;--status-warning-bg: #FFFBEB;--status-warning-border: #FDE68A;--status-info-fg: #1E40AF;--status-info-bg: #EFF6FF;--status-info-border: #BFDBFE;--status-healthy-fg: #166534;--status-healthy-bg: #F0FDF4;--status-healthy-border: #BBF7D0;--status-neutral-fg: #525252;--status-neutral-bg: #F5F5F4;--status-neutral-border: #D6D3D1;--status-proposal-fg: #6D4875;--status-proposal-bg: #F6F1F7;--status-proposal-border: #DCC9E0;--font-ui: "IBM Plex Sans", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-data: "IBM Plex Sans", "Noto Sans SC", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 999px;--shadow-popover: 0 8px 24px rgba(0,0,0,.1);--shadow-drawer: 0 0 28px rgba(0,0,0,.1);--nav-width: 224px;--nav-width-collapsed: 68px;--drawer-width: 420px;--content-max: 1080px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:14px;line-height:21px;color:var(--color-ink);background:var(--color-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.tnum,table,.data{font-variant-numeric:tabular-nums}h1,h2,h3,h4{margin:0;font-weight:600}.display-sm{font-size:28px;line-height:36px;font-weight:600}.heading-lg{font-size:22px;line-height:30px;font-weight:600}.heading-md{font-size:18px;line-height:26px;font-weight:600}.heading-sm{font-size:15px;line-height:22px;font-weight:600}.body-sm{font-size:13px;line-height:19px}.label-md{font-size:13px;line-height:18px;font-weight:500}.label-sm{font-size:12px;line-height:17px;font-weight:500}.caption{font-size:12px;line-height:17px;color:var(--color-ink-muted)}a{color:var(--color-brand-purple-dark);text-underline-offset:2px}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;left:-9999px;top:var(--space-2);background:var(--color-surface);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);z-index:100}.skip-link:focus{left:var(--space-3)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:grid;grid-template-columns:var(--nav-width) 1fr;grid-template-rows:52px 1fr;grid-template-areas:"nav topbar" "nav main";height:100vh}.shell-nav{grid-area:nav;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-4) var(--space-2);overflow-y:auto}.shell-brand{font-weight:600;font-size:15px;color:var(--color-ink);padding:var(--space-2) var(--space-3) var(--space-4)}.shell-navlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.shell-navitem{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-ink-secondary);text-decoration:none;font-size:13px;font-weight:500}.shell-navitem:hover{background:var(--color-surface-subtle)}.shell-navmarker{width:3px;height:18px;border-radius:var(--radius-pill);background:transparent}.shell-navitem.is-active{background:var(--color-surface-subtle);color:var(--color-ink)}.shell-navitem.is-active .shell-navmarker{background:var(--color-brand-green)}.shell-topbar{grid-area:topbar;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--color-surface);border-bottom:2px solid var(--color-brand-purple)}.shell-scope{color:var(--color-ink-secondary)}.shell-main{grid-area:main;overflow-y:auto;padding:var(--space-6) var(--space-5)}.shell-main:focus{outline:none}.page{max-width:var(--content-max);margin:0 auto}@media (max-width: 1024px){.shell{grid-template-columns:var(--nav-width-collapsed) 1fr}.shell-navitem span:last-child,.shell-brand{display:none}}.summary-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 var(--space-5)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-ink-secondary)}.chip:hover{background:var(--color-surface-subtle)}.chip-num{font-weight:600;color:var(--color-ink)}.chip-critical .chip-num{color:var(--status-critical-fg)}.chip-warning .chip-num{color:var(--status-warning-fg)}.group-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.group-card.has-rail{border-left:3px solid var(--color-brand-green)}.group-head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}.group-empty{color:var(--color-ink-muted);margin:0}.group-rows{display:flex;flex-direction:column}.att-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-3);min-height:38px;padding:var(--space-2) 0;border-top:1px solid var(--color-border)}.att-row:first-child{border-top:none}.att-main{display:flex;align-items:baseline;gap:var(--space-3);min-width:0}.att-proj{color:var(--color-brand-purple-dark);text-decoration:none;white-space:nowrap}.att-proj-none{color:var(--color-ink-muted)}.att-desc{color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-badges{display:flex;gap:var(--space-2);flex-shrink:0}.att-source{color:var(--color-brand-purple-dark);text-decoration:none}.att-source-none{color:var(--color-ink-disabled)}.badge{display:inline-flex;align-items:center;height:22px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:12px;font-weight:500;border:1px solid transparent;white-space:nowrap}.urg-critical{color:var(--status-critical-fg);background:var(--status-critical-bg);border-color:var(--status-critical-border)}.urg-warning{color:var(--status-warning-fg);background:var(--status-warning-bg);border-color:var(--status-warning-border)}.urg-info{color:var(--status-info-fg);background:var(--status-info-bg);border-color:var(--status-info-border)}.wp-self{color:var(--color-ink);background:var(--status-neutral-bg);border-color:var(--status-neutral-border)}.wp-uk{color:var(--color-brand-purple-dark);background:var(--color-brand-purple-tint);border-color:var(--status-proposal-border)}.wp-client{color:var(--status-info-fg);background:var(--status-info-bg);border-color:var(--status-info-border)}.wp-factory{color:var(--color-brand-green-dark);background:var(--color-brand-green-tint);border-color:#e2eac4}.wp-neutral{color:var(--status-neutral-fg);background:var(--status-neutral-bg);border-color:var(--status-neutral-border)}.skeleton-chip{width:96px;height:26px;border:none;background:var(--color-surface-subtle);cursor:default}.skeleton-line{background:var(--color-surface-subtle);border-radius:var(--radius-sm)}.skeleton-title{width:180px;height:18px;margin-bottom:var(--space-3)}.skeleton-row{width:100%;height:20px;margin:var(--space-2) 0}.panel-error{background:var(--status-critical-bg);border:1px solid var(--status-critical-border);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.panel-error p{margin:0;color:var(--status-critical-fg)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-ink);font-size:13px;font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer}.btn-secondary:hover{background:var(--color-surface-subtle)}.gap-note{margin-top:var(--space-4)}.page-head{margin-bottom:var(--space-4)}.page-sub{margin:var(--space-1) 0 0}.ink-muted{color:var(--color-ink-muted)}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.filter-search{flex:1 1 240px;min-width:200px;height:34px;padding:0 var(--space-3);font:inherit;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.filter-select{height:34px;padding:0 var(--space-2);font:inherit;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.filter-search:disabled,.filter-select:disabled{opacity:.6}.btn-quiet{height:34px;padding:0 var(--space-3);font:inherit;font-weight:500;background:transparent;color:var(--color-ink-secondary);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer}.btn-quiet:hover{background:var(--color-surface-subtle)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center}.panel p{margin:var(--space-1) 0}.empty-panel .btn-secondary,.error-panel .btn-secondary{margin-top:var(--space-4)}.error-panel{border-color:var(--status-critical-border);background:var(--status-critical-bg)}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:auto}.ptable{width:100%;border-collapse:collapse;font-size:13px}.ptable thead th{position:sticky;top:0;z-index:1;height:40px;padding:0 var(--space-3);text-align:left;background:var(--color-surface-subtle);color:var(--color-ink-secondary);font-weight:500;border-bottom:1px solid var(--color-border);white-space:nowrap}.ptable th.num,.ptable td.num{text-align:right}.th-sort{background:none;border:none;font:inherit;font-weight:500;color:var(--color-ink-secondary);cursor:pointer;padding:0}.th-sort:hover{color:var(--color-ink)}.ptable tbody tr{height:38px;border-bottom:1px solid var(--color-border);cursor:pointer}.ptable tbody tr:last-child{border-bottom:none}.ptable tbody tr:hover{background:var(--color-surface-subtle)}.ptable td{padding:0 var(--space-3);vertical-align:middle}.pcell-name{font-weight:500;color:var(--color-ink)}.cabin-tag{margin-left:var(--space-2);color:var(--color-ink-muted)}.st-healthy{color:var(--status-healthy-fg);background:var(--status-healthy-bg);border-color:var(--status-healthy-border)}.st-warning{color:var(--status-warning-fg);background:var(--status-warning-bg);border-color:var(--status-warning-border)}.st-neutral{color:var(--status-neutral-fg);background:var(--status-neutral-bg);border-color:var(--status-neutral-border)}.sk-row{height:38px;margin:0;border-bottom:1px solid var(--color-border);background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-subtle) 50%,var(--color-surface) 100%)}.sk-head{height:40px;background:var(--color-surface-subtle)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--space-6)}.login-card{width:100%;max-width:360px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);border-top:2px solid var(--color-brand-purple);display:flex;flex-direction:column}.login-title{margin:0}.login-sub{margin:var(--space-1) 0 var(--space-6)}.login-label{display:block;margin-bottom:var(--space-1);color:var(--color-ink-secondary)}.login-input{height:38px;margin-bottom:var(--space-4);padding:0 var(--space-3);font:inherit;font-size:16px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.login-error{margin:0 0 var(--space-4);color:var(--status-critical-fg);background:var(--status-critical-bg);border:1px solid var(--status-critical-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.btn-primary{height:38px;font:inherit;font-weight:500;color:#fff;background:var(--color-control);border:1px solid var(--color-control);border-radius:var(--radius-md);cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--color-control-hover)}.btn-primary:disabled{opacity:.6;cursor:default}.login-submit{margin-top:var(--space-2)}.shell-logout{margin-left:auto;height:30px;padding:0 var(--space-3);font:inherit;font-size:13px;font-weight:500;color:var(--color-ink-secondary);background:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer}.shell-logout:hover{background:var(--color-surface-subtle);color:var(--color-ink)}.shell-user{color:var(--color-ink-muted);margin-left:auto}.shell-user+.shell-logout{margin-left:var(--space-3)}