:root{--sr-bg:#f7f8fa;--sr-surface:#ffffff;--sr-surface-alt:#f1f3f6;--sr-border:#e2e5ea;--sr-border-strong:#cbd1d9;--sr-text:#1a1f27;--sr-text-muted:#5c6672;--sr-text-subtle:#8b95a1;--sr-text-inverse:#ffffff;--sr-accent:#0b5fa5;--sr-accent-hover:#094c85;--sr-accent-soft:#e6f0f9;--sr-healthy:#1f8a4c;--sr-healthy-soft:#e3f4ea;--sr-watch:#b47800;--sr-watch-soft:#fdf3dc;--sr-elevated:#c2560f;--sr-elevated-soft:#fdeade;--sr-critical:#b3261e;--sr-critical-soft:#fceaea;--sr-internal:#4a5568;--sr-internal-soft:#edf0f4;--sr-external:#6b3fa0;--sr-external-soft:#f1ebf148;--sr-radius:10px;--sr-radius-sm:6px;--sr-shadow:0 1px 2px rgba(16,24,40,0.04),0 4px 12px rgba(16,24,40,0.06);--sr-shadow-lg:0 8px 28px rgba(16,24,40,0.1);--sr-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--sr-font-mono:"SF Mono","Cascadia Mono",Menlo,Consolas,monospace}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--sr-bg);color:var(--sr-text);font-family:var(--sr-font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}.sr-shell{display:flex;min-height:100vh}.sr-sidebar{width:232px;flex-shrink:0;background:var(--sr-surface);border-right:1px solid var(--sr-border);padding:20px 12px;display:flex;flex-direction:column;gap:24px}.sr-brand{padding:0 10px}.sr-brand-title{font-size:15px;font-weight:650;letter-spacing:-.02em}.sr-brand-sub{font-size:11px;color:var(--sr-text-subtle);letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.sr-nav{display:flex;flex-direction:column;gap:2px}.sr-nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--sr-radius-sm);color:var(--sr-text-muted);font-size:13.5px;transition:background .12s ease,color .12s ease}.sr-nav-link:hover{background:var(--sr-surface-alt);color:var(--sr-text)}.sr-nav-link[data-active=true]{background:var(--sr-accent-soft);color:var(--sr-accent);font-weight:550}.sr-nav-badge{margin-left:auto;min-width:20px;padding:0 6px;border-radius:10px;background:var(--sr-critical);color:var(--sr-text-inverse);font-size:11px;font-weight:600;text-align:center;line-height:18px}.sr-main{flex:1 1;min-width:0;padding:28px 32px 64px}.sr-page-head{margin-bottom:24px}.sr-page-title{font-size:22px}.sr-page-sub{color:var(--sr-text-muted);font-size:13.5px;margin-top:4px}.sr-card{background:var(--sr-surface);border:1px solid var(--sr-border);border-radius:var(--sr-radius);box-shadow:var(--sr-shadow);padding:20px}.sr-card-title{font-size:14px;font-weight:600}.sr-card-sub{font-size:12.5px;color:var(--sr-text-subtle);margin-top:2px}.sr-grid{display:grid;grid-gap:16px;gap:16px}.sr-grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.sr-grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.sr-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:660;letter-spacing:-.03em;line-height:1.1}.sr-score-xl{font-size:46px}.sr-score-lg{font-size:28px}.sr-delta{font-size:12.5px;font-weight:550;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sr-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:550;white-space:nowrap}.sr-chip-internal{background:var(--sr-internal-soft);color:var(--sr-internal)}.sr-chip-external{background:#f3ecfa;color:var(--sr-external)}.sr-chip-outline{border:1px solid var(--sr-border-strong);color:var(--sr-text-muted)}.sr-table{width:100%;border-collapse:collapse;font-size:13.5px}.sr-table th{text-align:left;font-weight:550;font-size:12px;color:var(--sr-text-subtle);text-transform:uppercase;letter-spacing:.03em;padding:0 12px 8px}.sr-table td,.sr-table th{border-bottom:1px solid var(--sr-border)}.sr-table td{padding:11px 12px;vertical-align:middle}.sr-table tbody tr:last-child td{border-bottom:none}.sr-table tbody tr:hover{background:var(--sr-surface-alt)}.sr-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.sr-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:var(--sr-radius-sm);border:1px solid var(--sr-border-strong);background:var(--sr-surface);color:var(--sr-text);font-family:inherit;font-size:13px;font-weight:550;cursor:pointer;transition:background .12s ease,border-color .12s ease}.sr-btn:hover{background:var(--sr-surface-alt)}.sr-btn-primary{background:var(--sr-accent);border-color:var(--sr-accent);color:var(--sr-text-inverse)}.sr-btn-primary:hover{background:var(--sr-accent-hover)}.sr-btn:disabled{opacity:.5;cursor:default}.sr-input{padding:6px 10px;border-radius:var(--sr-radius-sm);border:1px solid var(--sr-border-strong);background:var(--sr-surface);color:var(--sr-text);font-family:inherit;font-size:13px}.sr-input::placeholder{color:var(--sr-text-subtle)}.sr-input:focus{outline:2px solid var(--sr-accent-soft);border-color:var(--sr-accent)}.sr-input:disabled{background:var(--sr-surface-alt);color:var(--sr-text-subtle);cursor:default}@keyframes sr-spin{to{transform:rotate(1turn)}}.sr-spin{animation:sr-spin .9s linear infinite}.sr-notice{display:flex;gap:10px;padding:11px 14px;border-radius:var(--sr-radius-sm);border:1px solid var(--sr-border);background:var(--sr-surface-alt);font-size:12.5px;color:var(--sr-text-muted)}.sr-notice-accent{border-color:#cfe0ef;background:var(--sr-accent-soft);color:#0a4a80}.sr-empty{padding:40px 20px;text-align:center;color:var(--sr-text-subtle);font-size:13.5px}.sr-muted{color:var(--sr-text-muted)}.sr-subtle{color:var(--sr-text-subtle)}.sr-mono{font-family:var(--sr-font-mono);font-size:12px}