:root{--bg:#f4f7fb;--panel:#fff;--panel-elevated:#fff;--panel-subtle:#f8fafc;--panel-highlight:#ffffffd9;--text:#0f172a;--text-secondary:#334155;--muted:#64748b;--line:#e2e8f0;--line-strong:#cbd5e1;--line-light:#f1f5f9;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#2563eb1a;--primary-border:#2563eb47;--primary-text:#fff;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#dc262647;--danger-text:#991b1b;--warn:#d97706;--warn-bg:#fffbeb;--warn-border:#d9770647;--warn-text:#92400e;--ok:#16a34a;--ok-bg:#f0fdf4;--ok-border:#16a34a47;--ok-text:#166534;--hover:#f8fafc;--bg-card:var(--panel);--bg-input:var(--panel);--bg-hover:var(--hover);--border:var(--line);--text-muted:var(--muted);--shadow-sm:0 1px 2px 0 #0f172a0a;--shadow:0 1px 3px 0 #0f172a0d, 0 1px 2px -1px #0f172a08;--shadow-md:0 6px 16px -4px #0f172a12, 0 2px 6px -2px #0f172a0a;--shadow-lg:0 14px 28px -6px #0f172a1a, 0 4px 10px -4px #0f172a0d;--radius-sm:6px;--radius:8px;--radius-lg:12px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:13px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#090d16;--panel:#111827;--panel-elevated:#1a2234;--panel-subtle:#0d1320;--panel-highlight:#ffffff0a;--text:#f8fafc;--text-secondary:#cbd5e1;--muted:#94a3b8;--line:#1e293b;--line-strong:#334155;--line-light:#151e2e;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-light:#3b82f629;--primary-border:#3b82f659;--danger:#ef4444;--danger-bg:#ef444424;--danger-border:#ef444459;--danger-text:#fca5a5;--warn:#f59e0b;--warn-bg:#f59e0b24;--warn-border:#f59e0b59;--warn-text:#fcd34d;--ok:#22c55e;--ok-bg:#22c55e24;--ok-border:#22c55e59;--ok-text:#86efac;--hover:#172033;--bg-card:var(--panel);--bg-input:#0b111e;--bg-hover:var(--hover);--border:var(--line);--text-muted:var(--muted);--shadow-sm:0 1px 2px 0 #0006;--shadow:0 2px 6px 0 #00000073;--shadow-md:0 6px 16px -2px #0000008c;--shadow-lg:0 14px 28px -4px #000000a6}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::selection{background:var(--primary-light);color:var(--primary)}a{color:var(--primary);cursor:pointer;text-decoration:none;transition:color .15s}a:hover{color:var(--primary-hover);text-decoration:underline}h1,h2,h3,h4{color:var(--text);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:18px}h2{font-size:15px}h3{font-size:13px}input,select,textarea,button{font:inherit;color:inherit;transition:all .16s cubic-bezier(.16,1,.3,1)}input,select,textarea{background:var(--bg-input);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;box-shadow:var(--shadow-sm);padding:6px 11px;font-size:13px}input:not([type=checkbox]):not([type=radio]),select{height:34px}input:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:var(--line-strong)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}textarea{width:100%;padding:8px 11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:12px;padding-right:30px!important}select:hover:not(:disabled){border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}input[type=checkbox]{appearance:none;border:1.5px solid var(--line-strong);background:var(--bg-input);cursor:pointer;vertical-align:middle;width:16px;height:16px;box-shadow:none;border-radius:4px;place-content:center;margin:0;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-grid;padding:0!important}input[type=checkbox]:hover:not(:disabled){border-color:var(--primary)}input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:before{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;transform:rotate(-45deg)translate(.5px,-1px)}input[type=checkbox]:focus{box-shadow:0 0 0 3px var(--primary-light);outline:none}button{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;height:34px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:5px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}button:hover:not(:disabled){background:var(--hover);border-color:var(--line-strong)}button:active:not(:disabled){transform:translateY(1px)scale(.99)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(180deg, #3b82f6 0%, var(--primary) 100%);border-color:var(--primary);color:var(--primary-text);box-shadow:0 1px 2px #2563eb40,inset 0 1px #ffffff2e}button.primary:hover:not(:disabled){background:linear-gradient(180deg, #2563eb 0%, var(--primary-hover) 100%);border-color:var(--primary-hover);box-shadow:0 3px 8px #2563eb4d,inset 0 1px #ffffff38}button.danger{color:var(--danger);border-color:var(--danger-border)}button.danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}button.danger.filled{background:var(--danger);border-color:var(--danger);color:#fff}button.danger.filled:hover:not(:disabled){filter:brightness(1.08)}button.small{height:28px;padding:0 10px;font-size:12px}.page{flex-direction:column;flex:1;gap:16px;width:100%;max-width:100%;margin:0;padding:20px 24px 28px;animation:.22s cubic-bezier(.16,1,.3,1) fadeInUp;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow), inset 0 1px 0 0 var(--panel-highlight);padding:16px 20px}.panel>h2{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.panel>h2 .muted{font-size:12px;font-weight:400}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row label{color:var(--text-secondary);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.spacer{flex:1}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.neg{color:var(--danger);font-variant-numeric:tabular-nums;font-weight:600}.ok{color:var(--ok)}.warn{color:var(--warn)}.err{color:var(--danger)}.num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:9px 14px}th{color:var(--text-secondary);background:var(--line-light);letter-spacing:.02em;z-index:1;font-size:12px;font-weight:600;position:sticky;top:0}tbody tr{transition:background-color .12s}tbody tr:hover{background:var(--hover)}tbody tr:last-child td{border-bottom:none}td.wrap{white-space:normal;word-break:break-all}.tag{background:var(--line-light);color:var(--text-secondary);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:500;line-height:1.45;transition:all .15s;display:inline-flex}.tag:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.tag.ok{color:var(--ok-text);background:var(--ok-bg);border-color:var(--ok-border)}.tag.ok:before{box-shadow:0 0 5px #22c55e8c}.tag.bad{color:var(--danger-text);background:var(--danger-bg);border-color:var(--danger-border)}.tag.bad:before{box-shadow:0 0 5px #ef44448c}.tag.warn{color:var(--warn-text);background:var(--warn-bg);border-color:var(--warn-border)}.tag.warn:before{box-shadow:0 0 5px #f59e0b8c}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.live-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulseDot;display:inline-block}.notice{border-radius:var(--radius-sm);background:var(--warn-bg);color:var(--warn-text);border:1px solid #f59e0b40;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;display:flex}.notice.err{background:var(--danger-bg);color:var(--danger-text);border-color:#ef444440}.notice.ok{background:var(--ok-bg);color:var(--ok-text);border-color:#22c55e40}.pager{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:8px;padding-top:12px;font-size:12px;display:flex}.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;padding:12px 16px;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.kpi:hover{border-color:var(--primary);transform:translateY(-1px)}.kpi .k{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:500}.kpi .v{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:24px;font-weight:700}.segmented-tabs{background:var(--line-light);border:1px solid var(--line);border-radius:var(--radius-sm);gap:3px;padding:3px;display:inline-flex}.segmented-tab{border-radius:calc(var(--radius-sm) - 1px);color:var(--muted);cursor:pointer;box-shadow:none;background:0 0;border:none;padding:4px 11px;font-size:12px;font-weight:500;transition:all .15s}.segmented-tab:hover{color:var(--text)}.segmented-tab.active{background:var(--panel);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:600}.trend-tag{align-items:center;gap:2px;margin-top:4px;font-size:11px;font-weight:600;display:inline-flex}.trend-tag.up{color:var(--ok)}.trend-tag.down{color:var(--danger)}@media (width<=640px){.page{gap:10px;width:100%;max-width:100vw;padding:10px 12px}.row>input,.row>select{flex:120px}.table-wrap{max-width:100%}.kpis{grid-template-columns:repeat(2,1fr)}}