:root{--primary:#6354f2;--primary-hover:#5142e0;--primary-light:#efecfe;--primary-soft:rgba(99,84,242,.08);--aurora:linear-gradient(135deg,#6354f2,#22d3ee);--aurora-soft:linear-gradient(135deg,rgba(99,84,242,.1),rgba(34,211,238,.1));--aurora-glow:rgba(99,84,242,.28);--success:#10b981;--warning:#f59e0b;--danger:#e5484d;--info:#3b82f6;--title:#0f1424;--body:#3a4256;--caption:#8a91a5;--disabled:#b6bccb;--border:#e8eaf2;--border-strong:#d8dce8;--bg-page:#f5f6fa;--bg-card:#fff;--surface:#fff;--bg-rail:#fbfbfd;--dim-visibility:#6354f2;--dim-correct:#22b8a6;--dim-source:#f4a23b;--dim-risk:#e5484d;--dim-biz:#3b82f6;--st-pending:#f59e0b;--st-doing:#3b82f6;--st-done:#30a46c;--st-archive:#8b8d98;--role-r1:#6354f2;--role-r2:#22b8a6;--role-r3:#f59e0b;--role-r4:#e5484d;--role-r5:#3b82f6;--role-r6:#8b5cf6;--radius:14px;--radius-sm:10px;--geo-up:#dc2626;--geo-down:#16a34a;--radius-xs:7px;--shadow-card:0 1px 2px rgba(15,20,36,.04),0 12px 32px rgba(15,20,36,.06);--shadow-pop:0 16px 48px rgba(15,20,36,.18);--shadow-glow:0 8px 28px rgba(99,84,242,.28);--font:"PingFang SC","Microsoft YaHei","Inter","Segoe UI",system-ui,sans-serif;--mono:"JetBrains Mono","Fira Code",Consolas,monospace}[data-theme=dark]{--primary:#7c6cff;--primary-hover:#8e80ff;--primary-light:rgba(124,108,255,.15);--primary-soft:rgba(124,108,255,.12);--aurora:linear-gradient(135deg,#8e80ff,#34e0f0);--aurora-soft:linear-gradient(135deg,rgba(124,108,255,.14),rgba(52,224,240,.1));--aurora-glow:rgba(124,108,255,.5);--success:#34d399;--warning:#fbbf24;--danger:#fb7196;--info:#60a5fa;--title:#f2f5fa;--body:#c2c9d6;--caption:#8b93a7;--disabled:#5b6376;--border:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.16);--bg-page:#090c12;--bg-card:#121620;--surface:#121620;--bg-rail:#0e1118;--dim-visibility:#9b8cff;--dim-correct:#34d8c4;--dim-source:#f7b85e;--dim-risk:#fb7196;--dim-biz:#60a5fa;--st-pending:#fbbf24;--st-doing:#60a5fa;--st-done:#34d399;--st-archive:#7a8295;--geo-up:#fb7185;--geo-down:#34d399;--role-r1:#9b8cff;--role-r2:#34d8c4;--role-r3:#fbbf24;--role-r4:#fb7196;--role-r5:#60a5fa;--role-r6:#a98bff;--shadow-card:0 1px 2px rgba(0,0,0,.5),0 12px 32px rgba(0,0,0,.45);--shadow-pop:0 16px 48px rgba(0,0,0,.65);--shadow-glow:0 8px 28px rgba(124,108,255,.5)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--body);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}[data-theme=dark] body{background:radial-gradient(1100px 560px at 82% -12%,rgba(124,108,255,.12),transparent 60%),radial-gradient(900px 520px at -5% 0,rgba(52,224,240,.1),transparent 55%),var(--bg-page)}a{color:inherit;text-decoration:none}svg.icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--caption);background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-title{font-size:21px;font-weight:700;color:var(--title);line-height:1.3}.page-sub{color:var(--caption);font-size:13px;margin-top:4px}.page-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row{display:flex;gap:14px}.row.wrap{flex-wrap:wrap}.grid{display:grid;grid-gap:14px;gap:14px}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.c5{grid-template-columns:repeat(5,minmax(0,1fr))}.split2{grid-template-columns:280px 1fr;grid-gap:16px}.split2,.split3{display:grid;gap:16px;align-items:start}.split3{grid-template-columns:260px 1fr 300px;grid-gap:16px}@media (max-width:1439px){.grid.c5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1279px){.grid.c4,.grid.c5{grid-template-columns:repeat(2,minmax(0,1fr))}.split2,.split3{grid-template-columns:1fr}}.kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-card);display:flex;flex-direction:column}.kpi .kpi-label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--caption);font-weight:600}.kpi .kpi-label .swatch{width:9px;height:9px;border-radius:3px;flex-shrink:0}.kpi .kpi-val{font-size:28px;font-weight:800;color:var(--title);margin:8px 0 2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.15;display:flex;align-items:baseline;gap:6px}.kpi .kpi-val .unit{font-size:14px;font-weight:600;color:var(--caption)}.kpi .kpi-delta{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:4px}.kpi .kpi-delta.up{color:var(--success)}.kpi .kpi-delta.down{color:var(--danger)}.kpi .kpi-foot{font-size:12px;color:var(--caption);margin-top:6px}.kpi.risk{border-color:rgba(229,72,77,.4);background:linear-gradient(180deg,#fff5f5,#fff)}.kpi.risk .kpi-val{color:var(--danger)}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.panel-head{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:700;color:var(--title);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}.panel-head .ph-sub{font-size:12px;font-weight:400;color:var(--caption)}.panel-body{padding:14px 16px}.panel-body.flush{padding:0}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;font-weight:600;color:var(--caption);padding:11px 14px;background:var(--bg-rail);font-size:12.5px;white-space:nowrap}.tbl td,.tbl th{border-bottom:1px solid var(--border)}.tbl td{padding:12px 14px;color:var(--body);vertical-align:middle}.tbl tr:hover td{background:var(--bg-page)}.tbl .right{text-align:right}.tbl tr:last-child td{border-bottom:none}.tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.tag.s{height:22px;padding:0 8px;font-size:11.5px}.tag.gray{background:#f1f2f6;color:var(--body)}.tag.blue{background:#e7f0fe;color:#2563eb}.tag.green{background:#e5f8f0;color:#0e9c72}.tag.amber{background:#fef3e0;color:#c2740b}.tag.red{background:#fdeaea;color:#d23b40}.tag.purple{background:var(--primary-light);color:var(--primary)}.tag .tdot{width:7px;height:7px}.dot-st,.tag .tdot{border-radius:50%;flex-shrink:0}.dot-st{width:8px;height:8px;display:inline-block}.dot-st.pending{background:var(--st-pending)}.dot-st.doing{background:var(--st-doing)}.dot-st.done{background:var(--st-done)}.dot-st.archive{background:var(--st-archive)}.seg{display:inline-flex;background:var(--bg-page);border:1px solid var(--border);border-radius:9px;padding:3px;gap:3px}.seg button{border:0;background:transparent;padding:6px 12px;border-radius:7px;font-weight:600;font-size:13px;color:var(--body);cursor:pointer;font-family:inherit}.seg button.on{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-card)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.tabs .tab{padding:10px 14px;font-weight:600;color:var(--caption);cursor:pointer;margin-bottom:-1px;font-size:13.5px;white-space:nowrap;background:transparent;border:0;border-bottom:2px solid transparent;font-family:inherit}.tabs .tab.on{color:var(--primary);border-bottom-color:var(--primary)}.stepper{gap:0;flex-wrap:wrap}.stepper,.stepper .step{display:flex;align-items:center}.stepper .step{gap:8px;font-size:12.5px;color:var(--caption)}.stepper .step .num{width:22px;height:22px;border-radius:50%;background:var(--bg-page);border:1px solid var(--border-strong);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--caption);flex-shrink:0}.stepper .step.on .num{background:var(--primary);color:#fff;border-color:var(--primary)}.stepper .step.done .num{background:var(--success);color:#fff;border-color:var(--success)}.stepper .step.done,.stepper .step.on{color:var(--title);font-weight:600}.stepper .bar{width:30px;height:2px;background:var(--border);margin:0 8px}.stepper .bar.done{background:var(--success)}.skeleton{background:linear-gradient(90deg,#eef0f5 25%,#f6f7fb 37%,#eef0f5 63%);background-size:400% 100%;animation:sk 1.2s infinite;border-radius:8px}@keyframes sk{0%{background-position:100% 0}to{background-position:-100% 0}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 20px;color:var(--caption);text-align:center}.empty .ico{width:56px;height:56px;border-radius:16px;background:var(--primary-light);display:grid;place-items:center;color:var(--primary)}.empty .empty-title{font-size:14px;font-weight:600;color:var(--title)}.empty .empty-desc{font-size:12.5px}.bar-track{background:var(--bg-page);width:100%;overflow:hidden}.bar-fill,.bar-track{border-radius:999px;height:8px}.bar-fill{background:var(--primary);transition:width .3s ease}.flag-degraded,.flag-version{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600;cursor:help}.flag-version{color:var(--warning)}.flag-degraded{color:var(--info)}.lock-note{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--caption)}[data-theme=dark] .tag.gray{background:hsla(0,0%,100%,.07);color:var(--body)}[data-theme=dark] .tag.blue{background:rgba(96,165,250,.16);color:#93c5fd}[data-theme=dark] .tag.green{background:rgba(52,211,153,.16);color:#6ee7b7}[data-theme=dark] .tag.amber{background:rgba(251,191,36,.16);color:#fcd34d}[data-theme=dark] .tag.red{background:rgba(251,113,150,.16);color:#fba2b8}[data-theme=dark] .seg{background:var(--bg-rail)}[data-theme=dark] .seg button.on{background:var(--bg-card);color:var(--primary)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1a1f2b 25%,#232a38 37%,#1a1f2b 63%);background-size:400% 100%}[data-theme=dark] .kpi.risk{background:linear-gradient(180deg,rgba(251,113,150,.1),transparent);border-color:rgba(251,113,150,.4)}[data-theme=dark] .tbl th{background:var(--bg-rail)}[data-theme=dark] .tbl tr:hover td{background:hsla(0,0%,100%,.04)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{height:56px;flex-shrink:0;background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 16px;gap:14px;position:relative;z-index:30}.brand-logo,.topbar{display:flex;align-items:center}.brand-logo{gap:9px;font-weight:800;color:var(--title);font-size:16px;letter-spacing:.2px;white-space:nowrap}.brand-logo .logo-mark{width:28px;height:28px;border-radius:8px;background:var(--aurora);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800}.topbar-spacer{flex:1 1}.topbar-select{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;color:var(--title);background:var(--bg-rail);white-space:nowrap}.topbar-select:hover{border-color:var(--border-strong)}.topbar-icon-btn{position:relative;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:var(--body);cursor:pointer;border:none;background:transparent;padding:0}.topbar-icon-btn:hover{background:var(--bg-page);color:var(--primary)}.badge-count{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;border-radius:9px;display:grid;place-items:center;border:2px solid #fff}.sub-badge{display:flex;padding:0 10px;background:var(--primary-light);color:var(--primary);font-size:13px}.role-chip,.sub-badge{align-items:center;gap:6px;height:32px;border-radius:9px;font-weight:700;cursor:pointer;white-space:nowrap}.role-chip{display:inline-flex;padding:0 10px 0 8px;font-size:12.5px;border:1px solid transparent;color:var(--title)}.role-chip:hover{background:var(--bg-page)}.role-chip .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.role-chip .caret{color:var(--caption);font-size:11px}.role-panel{position:absolute;top:52px;right:16px;width:268px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:12px 8px 8px;z-index:60}.role-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer}.role-opt:hover{background:var(--bg-page)}.role-opt.on{background:var(--primary-light)}.role-opt .rname{font-size:13px;font-weight:700;color:var(--title)}.role-opt .rdesc{font-size:12px;color:var(--caption);margin-top:2px}.shell-body{flex:1 1;display:flex;min-height:0}.sidebar{width:212px;flex-shrink:0;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px 10px;gap:2px;overflow-y:auto}.nav-group-label{font-size:11px;color:var(--caption);font-weight:700;padding:14px 12px 6px;letter-spacing:.4px}.nav-item{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:var(--radius-sm);color:var(--body);cursor:pointer;font-weight:500;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}.nav-item:hover{background:var(--bg-page)}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:700}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--primary)}.nav-item .nav-ic{flex-shrink:0}.main{flex:1 1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.page-scroll{flex:1 1;overflow-y:auto;padding:24px 28px 40px}.caliber-bar{height:30px;flex-shrink:0;background:var(--bg-card);border-top:1px solid var(--border);display:flex;align-items:center;gap:18px;padding:0 18px;font-size:12px;color:var(--caption);overflow:hidden;white-space:nowrap}.caliber-bar .cb-item{display:flex;align-items:center;gap:5px}.caliber-bar .cb-dot{width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0}[data-theme=dark] .topbar{background:rgba(10,13,20,.66);border-bottom-color:var(--border)}[data-theme=dark] .sidebar,[data-theme=dark] .topbar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=dark] .sidebar{background:rgba(14,17,25,.55);border-right-color:var(--border)}[data-theme=dark] .nav-item:hover{background:hsla(0,0%,100%,.06)}[data-theme=dark] .nav-item.active{box-shadow:inset 0 0 0 1px rgba(124,108,255,.32)}[data-theme=dark] .caliber-bar{background:rgba(14,17,25,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top-color:var(--border)}[data-theme=dark] .topbar-select{background:var(--bg-rail)}[data-theme=dark] .topbar-icon-btn:hover{background:hsla(0,0%,100%,.06)}[data-theme=dark] .badge-count{border-color:var(--bg-card)}