: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}.card-title{color:var(--text-sub);margin:0 0 10px;font-size:13px;font-weight:600}.metric-card .metric-label{color:var(--text-sub);font-size:12px}.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}.metric-card .metric-sub{color:var(--text-weak);margin-top:2px;font-size:12px}.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:hover{background:var(--primary-tint)}.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}.login-wrap{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;width:min(360px,100%);padding:28px;box-shadow:0 8px 24px #131b2e0f}.login-title{margin:0 0 4px;font-size:20px}.login-subtitle{color:var(--text-sub);margin:0 0 20px;font-size:13px}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:4px;display:flex}.login-field span{color:var(--text-sub);font-size:12px}.login-field input{border:1px solid var(--border);background:var(--card-bg);height:38px;color:var(--text-main);border-radius:8px;padding:0 12px;font-size:14px}.login-field input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ring);outline:none}.login-error{color:var(--error);min-height:16px;margin:0;font-size:12px}.login-form .btn{width:100%}.login-hint{color:var(--text-weak);margin:14px 0 0;font-size:12px}.login-notice{background:var(--warning-bg);color:var(--warning);border-radius:8px;padding:8px 14px;font-size:13px}.topbar-user{color:var(--text-main);font-weight:600}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}