:root{--primary:#2563eb;--primary-deep:#004bca;--primary-tint:#eef2ff;--primary-ring:#2563eb4d;--primary-border:#2563eb66;--text-main:#131b2e;--text-sub:#6b7280;--text-weak:#9ca3af;--border:#e5e7eb;--card-bg:#fff;--page-bg:#f5f7ff;--success:#10b981;--success-bg:#d1fae5;--error:#ef4444;--error-bg:#fee2e2;--warning:#f59e0b;--warning-bg:#fef3c7;--mono:Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--page-bg);color:var(--text-main);margin:0;padding:0;font:14px/1.6 -apple-system,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--mono)}.muted{color:var(--text-sub)}.weak{color:var(--text-weak)}.topbar{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:20px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-brand{color:var(--text-main);white-space:nowrap;font-size:16px;font-weight:700}.topbar-nav{flex:auto;gap:4px;min-width:0;display:flex;overflow-x:auto}.topbar-nav a{color:var(--text-sub);white-space:nowrap;border-radius:8px;padding:6px 14px}.topbar-nav a:hover{background:var(--primary-tint);color:var(--primary);text-decoration:none}.topbar-nav a.active{background:var(--primary-tint);color:var(--primary);font-weight:600}.topbar-side{color:var(--text-sub);white-space:nowrap;align-items:center;gap:12px;font-size:12px;display:flex}.topbar-side .mock-switch{align-items:center;gap:6px;display:flex}.topbar-side select{max-width:160px}.page{max-width:1280px;margin:0 auto;padding:20px 24px 48px}.page-title{margin:0 0 4px;font-size:18px;font-weight:700}.page-subtitle{color:var(--text-sub);margin:0 0 16px;font-size:12px}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px;margin-bottom:16px;display:grid}.cards-grid .card.wide{grid-column:1/-1}.metric-card .metric-value{margin-top:2px;font-size:24px;font-weight:700}.metric-card .metric-value.is-missing{color:var(--text-weak);font-size:16px;font-weight:500}.kv-list{grid-template-columns:minmax(96px,auto) 1fr;gap:6px 14px;margin:0;display:grid}.kv-list dt{color:var(--text-sub);white-space:nowrap;font-size:12px}.kv-list dd{word-break:break-all;margin:0}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.data-table th{color:var(--text-sub);background:var(--card-bg);font-weight:600;position:sticky;top:56px}.data-table tbody tr.clickable{cursor:pointer}.data-table td.wrap{white-space:normal;min-width:200px}.status-badge{white-space:nowrap;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:600;line-height:20px;display:inline-block}.status-badge.tone-success{background:var(--success-bg);color:var(--success)}.status-badge.tone-error{background:var(--error-bg);color:var(--error)}.status-badge.tone-warning{background:var(--warning-bg);color:var(--warning)}.status-badge.tone-info{background:var(--primary-tint);color:var(--primary)}.status-badge.tone-muted{background:var(--border);color:var(--text-sub)}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.filter-field{flex-direction:column;gap:4px;display:flex}.filter-field>span{color:var(--text-sub);font-size:12px}.filter-field input[type=text],.filter-field input[type=search]{border:1px solid var(--border);background:var(--card-bg);min-width:180px;height:30px;color:var(--text-main);border-radius:6px;padding:0 10px;font-size:13px}.filter-field input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ring);outline:none}.filter-field .ui-dd{min-width:180px}.notice-bar{border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:13px;display:flex}.notice-warning{background:var(--warning-bg);color:var(--warning)}.notice-error{background:var(--error-bg);color:var(--error)}.notice-info{background:var(--primary-tint);color:var(--primary)}.meta-line{color:var(--text-weak);flex-wrap:wrap;gap:16px;margin-top:10px;font-size:12px;display:flex}.state-box{color:var(--text-sub);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.state-icon{background:var(--border);width:36px;height:36px;color:var(--text-sub);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.state-error .state-icon{background:var(--error-bg);color:var(--error)}.state-loading .state-icon{animation:1.2s ease-in-out infinite console-pulse}@keyframes console-pulse{0%,to{opacity:.4}50%{opacity:1}}.chart-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.chart-grid .single{grid-column:1/-1}@media (width<=900px){.chart-grid{grid-template-columns:1fr}}.chart-box{height:280px;position:relative}.sub-section{margin-top:16px}.cap-chips{flex-wrap:wrap;gap:6px;display:flex}.cap-chips .chip{background:var(--primary-tint);color:var(--primary);font-size:12px;font-family:var(--mono);border-radius:6px;padding:2px 10px}.cap-chips .chip.lacking{background:var(--border);color:var(--text-weak);text-decoration:line-through}.auth-overlay{z-index:80;background:#131b2e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-overlay .card{text-align:center;width:min(400px,100vw - 48px)}.auth-overlay h3{margin:0 0 8px}.auth-overlay p{color:var(--text-sub);margin:0 0 16px}ui-log-view{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:block}ui-log-view table{font-size:13px}.mock-badge{background:var(--warning-bg);color:var(--warning);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}:root{--primary:#4263eb;--primary-deep:#3451cc;--primary-tint:#eef2ff;--primary-ring:#4263eb26;--text-main:#202533;--text-sub:#727988;--text-weak:#969dab;--border:#e9ecf1;--page-bg:#f7f8fa;--success:#158563;--success-bg:#eaf7f0;--warning:#aa6d13;--warning-bg:#fff7e8;--error:#d44a55;--error-bg:#fff0f1;--mono:"SFMono-Regular",Consolas,monospace}body{letter-spacing:.05px;-webkit-font-smoothing:antialiased;font-size:13px}.sidebar{border-right:1px solid var(--border);z-index:60;background:#fff;flex-direction:column;width:224px;padding:30px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--text-main);align-items:center;gap:11px;padding:0 10px;display:flex;text-decoration:none!important}.brand-mark{color:#fff;background:#4263eb;border-radius:10px;place-items:center;width:36px;height:36px;font-size:25px;font-weight:750;display:grid;box-shadow:0 4px 10px #4263eb26}.brand strong{letter-spacing:-.8px;font-size:21px;line-height:1.2;display:block}.brand small{color:#969dab;letter-spacing:1.5px;margin-top:4px;font-size:8px;display:block}.workspace{border:1px solid var(--border);background:#f8f9fc;border-radius:9px;align-items:center;gap:10px;margin:31px 2px 27px;padding:12px 10px;display:flex}.workspace-avatar{color:#5368a1;background:#e7ecfb;border-radius:7px;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.workspace strong,.workspace small{display:block}.workspace strong{font-size:12px}.workspace small{color:var(--text-sub);margin-top:1px;font-size:10px}.nav-caption{color:#9a9fac;letter-spacing:1px;margin:0 13px 12px;font-size:10px}.sidebar-nav{flex-direction:column;gap:7px;display:flex}.sidebar-nav a{color:#6a7281;border-radius:7px;align-items:center;gap:13px;padding:11px 13px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav a:hover{color:#334155;background:#f7f8fb}.sidebar-nav a.active{color:#4263eb;background:#eef2ff;font-weight:650}.nav-symbol{text-align:center;width:20px;font-size:20px;font-weight:400;line-height:1}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:9px;margin-top:auto;padding:16px 10px 0;display:flex}.sidebar-footer strong{color:#727988;font-size:11px;font-weight:500;display:block}.sidebar-footer small{color:#a2a8b3;margin-top:2px;font-size:10px;display:block}.footer-dot{background:#4263eb;border-radius:50%;width:7px;height:7px}.main-shell{min-height:100vh;margin-left:224px}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffed;justify-content:space-between;gap:16px;height:69px;padding:0 34px}.breadcrumb{color:#9298a4;align-items:center;gap:13px;font-size:12px;display:flex}.breadcrumb-current{color:#454d5c;font-weight:550}.breadcrumb-divider{color:#c4c9d2}.topbar-side{gap:14px;font-size:10px}.page{max-width:1600px;padding:33px 34px 42px}.page-title{letter-spacing:-.6px;margin-bottom:8px;font-size:25px;font-weight:650;line-height:1.35}.page-subtitle{color:#8a919e;margin-bottom:25px;font-size:12px}.page-actions{gap:10px;margin-bottom:22px}.page-actions .filter-field{flex-direction:row;align-items:center;gap:10px}.page-actions .filter-field>span{font-size:11px}.card{border:1px solid var(--border);border-radius:11px;padding:21px 22px;box-shadow:0 2px 3px #25314902}.card-title{color:#4d5665;margin:0 0 19px;font-size:13px;font-weight:600}.cards-grid{gap:16px;margin-bottom:20px}.primary-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card .metric-label{color:#838b98;font-size:11px}.metric-card .metric-value{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-top:14px;font-size:29px;font-weight:650;line-height:1.3}.metric-card .metric-sub{color:#9199a6;margin-top:11px;font-size:10px}.primary-metrics .metric-card{min-height:145px}.primary-metrics .metric-card:nth-child(3) .metric-value{color:var(--success)}.chart-grid{grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:20px}.chart-box{height:260px}.operations-grid{grid-template-columns:1fr 1.1fr 1.1fr;gap:18px;margin-bottom:20px;display:grid}.operations-grid .card.wide{grid-column:auto}.operations-grid .kv-list{grid-template-columns:80px 1fr;gap:10px;font-size:11px}.operations-grid .kv-list dd{overflow-wrap:anywhere}.secondary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.secondary-metrics .card{box-shadow:none;border:none;border-radius:0;padding:0}.secondary-metrics .metric-value{margin-top:4px;font-size:22px}.kv-list dt{color:#9299a6;font-size:11px}.kv-list dd{color:#515a68}.table-wrap{border:1px solid var(--border);background:#fff;border-radius:10px}.card .table-wrap{border:none}.data-table{font-size:12px}.data-table th{color:#9098a5;letter-spacing:.15px;background:#fafbfc;padding:13px 16px;font-size:10px;top:69px}.data-table td{color:#515a68;border-bottom:1px solid #f0f2f5;padding:16px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#f9faff}.status-badge{padding:1px 8px;font-size:10px;font-weight:500}.status-badge:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.filter-bar{border:1px solid var(--border);background:#fff;border-radius:10px;gap:16px;margin-bottom:20px;padding:16px 18px}.filter-field>span{font-size:10px}.meta-line{color:#98a0ae;gap:16px;margin-top:15px;font-size:10px}.notice-bar{border:1px solid #e6eaf3;padding:11px 15px;font-size:11px;line-height:1.7}.btn{border-radius:7px!important;font-size:11px!important}.cap-chips .chip{color:#748096;background:#f3f5fa;padding:3px 8px;font-size:10px}.state-box{background:#fff;border:1px dashed #dde2eb;border-radius:11px;min-height:270px;margin-top:10px}.mock-badge{color:#a17a34;background:#fff5df;font-size:9px}.auth-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b243d66}.auth-overlay .card{padding:30px}.auth-overlay h3{font-size:20px}.auth-overlay p{font-size:12px;line-height:1.8}@media (width>=1500px){.page{padding:38px 48px}.topbar{padding:0 48px}.chart-box{height:290px}.primary-metrics .metric-card{min-height:160px}}@media (width<=1200px){.operations-grid{grid-template-columns:1fr 1fr}.operations-grid>.card:first-child{grid-column:1/-1}.operations-grid .kv-list{grid-template-columns:auto 1fr auto 1fr}.primary-metrics{gap:12px}.card{padding:18px}.metric-card .metric-value{font-size:25px}.topbar-side>span:first-child{display:none}}@media (width<=980px){.sidebar{width:185px;padding-left:12px;padding-right:12px}.main-shell{margin-left:185px}.page{padding:25px 22px}.topbar{padding:0 22px}.chart-grid{grid-template-columns:1fr}.primary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.brand strong{font-size:18px}.brand-mark{width:31px;height:31px}}@media (width<=640px){.sidebar{top:0;border-right:0;border-bottom:1px solid var(--border);gap:12px;width:auto;height:auto;padding:14px 16px 10px;position:sticky;inset:auto}.brand{padding:0}.brand-mark{width:27px;height:27px;font-size:20px}.brand small,.workspace,.nav-caption,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;gap:4px}.sidebar-nav a{gap:6px;padding:7px 9px;font-size:11px}.nav-symbol{width:16px;font-size:16px}.main-shell{margin-left:0}.topbar{height:45px;padding:0 17px;position:static}.page{padding:23px 16px}.page-title{font-size:23px}.page-subtitle{font-size:11px}.operations-grid{grid-template-columns:1fr}.operations-grid .kv-list{grid-template-columns:90px 1fr}.primary-metrics .metric-card{min-height:132px}.card{padding:16px}.metric-card .metric-value{font-size:25px}.chart-box{height:220px}.topbar-side .mock-switch{max-width:160px}.data-table th{top:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.auth-overlay .card{width:min(420px,100vw - 40px);padding:32px;box-shadow:0 20px 70px #17243b24}.auth-overlay .brand-mark{margin-bottom:12px;display:inline-flex}.auth-overlay h3{margin:0 0 8px;font-size:24px}.auth-overlay p{color:#788294;line-height:1.6}.login-form{gap:16px;margin-top:24px;display:grid}.login-form label{color:#465167;gap:8px;font-size:13px;display:grid}.login-form input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #dce1e9;border-radius:8px;padding:11px 12px}.login-form .login-error{color:#d54848;min-height:0;margin:0}