:root{--bg-base: #050912;--bg-sunken: #03060d;--bg-panel: rgba(15, 24, 41, .72);--bg-panel-solid: #0d1626;--bg-elevated: rgba(21, 32, 52, .86);--bg-input: rgba(7, 12, 22, .86);--bg-hover: rgba(var(--gold-rgb), .07);--line: rgba(var(--gold-rgb), .15);--line-strong: rgba(var(--gold-rgb), .34);--line-focus: rgba(216, 188, 122, .72);--line-neutral: rgba(var(--neutral-rgb), .13);--text: #eef3fb;--text-dim: #a6b6ce;--text-faint: #74869f;--text-ghost: #4e5d75;--gold: #c9a961;--gold-hi: #e8d5a0;--gold-lo: #9c7d38;--gold-deep: #7a5f28;--gold-soft: rgba(var(--gold-rgb), .13);--ice: #7fb2e0;--ice-hi: #a9cdf0;--ice-soft: rgba(var(--ice-rgb), .12);--brand: var(--gold);--brand-hi: var(--gold-hi);--brand-lo: var(--gold-lo);--brand-2: var(--ice);--cyan: #67c9dd;--grad-brand: linear-gradient(120deg, #a8873f 0%, #e8d5a0 52%, #b8912f 100%);--grad-brand-soft: linear-gradient(120deg, rgba(var(--gold-rgb), .18), rgba(var(--gold-hi-rgb), .13));--grad-ink: linear-gradient(160deg, #0b1220 0%, #060a14 100%);--ok: #10b981;--ok-soft: rgba(16, 185, 129, .13);--warn: #f0a848;--warn-soft: rgba(240, 168, 72, .13);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .13);--r-xs: 6px;--r-sm: 9px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 10px 28px -14px rgba(0, 0, 0, .9);--shadow-lg: 0 26px 56px -30px rgba(0, 0, 0, .96);--glow-brand: 0 0 0 1px rgba(var(--gold-rgb), .34), 0 10px 30px -12px rgba(var(--gold-rgb), .5);--glow-gold: 0 0 34px -6px rgba(var(--gold-rgb), .55);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14.5px;--fs-md: 15.5px;--fs-lg: 17px;--fs-xl: 19.5px;--fs-2xl: 23px;--fs-3xl: 28px;--fs-4xl: 34px;--fs-5xl: 44px;--fs-6xl: 58px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--dur-fast: .15s;--dur: .22s;--dur-slow: .42s;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Cascadia Code", monospace;--font-num: "SF Mono", ui-monospace, Menlo, Consolas, var(--font);--gold-rgb: 201, 169, 97;--gold-hi-rgb: 232, 213, 160;--ice-rgb: 127, 178, 224;--fill-rgb: 178, 160, 120;--neutral-rgb: 140, 165, 200;--ambient-rgb: 58, 96, 145;--sheen-rgb: 255, 255, 255;--shadow-rgb: 0, 0, 0;--bg-topbar: rgba(8, 13, 24, .86);--bg-overlay: rgba(3, 6, 13, .72);--bg-solid-rgb: 7, 12, 22;--on-brand: #ffffff;--text-strong: #ffffff;--brand-text: #e6d3a6;--grad-brand-name: linear-gradient(100deg, #ffffff 8%, #f3e6c4 52%, #c9a961 100%);--grad-title: linear-gradient(100deg, #ffffff 10%, #e8d5a0 70%, #a9cdf0 100%);--toast-warn-bg: rgba(36, 26, 12, .97);--toast-warn-fg: #fcd9a0;--toast-danger-bg: rgba(40, 14, 14, .97);--toast-danger-fg: #fca5a5;--ok-text: #6ee7b7;--ok-text-quiet: #a7f3d0;--warn-text: #fcd34d;--warn-text-quiet: #fcd9a0;--warn-text-bright: #fbbf24;--danger-text: #fca5a5;--danger-text-bright: #f87171;--info-text: #a9cdf0;--info-text-blue: #93c5fd;--info-text-cyan: #67e8f9;--muted-text: #94a3b8;--muted-text-2: #64748b;--muted-text-strong: #cbd5e1;--amber: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;background:var(--bg-base);color-scheme:dark}body{height:100%}body{font-family:var(--font);font-size:var(--fs-base);background:var(--bg-base);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1000px 520px at 12% -12%,rgba(var(--gold-rgb),.1),transparent 62%),radial-gradient(880px 470px at 90% -2%,rgba(var(--ambient-rgb),.18),transparent 60%),radial-gradient(760px 430px at 50% 112%,rgba(var(--gold-rgb),.05),transparent 66%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(var(--gold-rgb),.028) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--gold-rgb),.028) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(1100px 620px at 50% -8%,#000 0%,transparent 76%);mask-image:radial-gradient(1100px 620px at 50% -8%,#000 0%,transparent 76%);pointer-events:none;z-index:0}#root{height:100%;position:relative;z-index:1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(var(--gold-rgb),.18);border-radius:var(--r-pill);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(var(--gold-rgb),.36);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}:focus-visible{outline:2px solid var(--line-focus);outline-offset:2px}::selection{background:rgba(var(--gold-rgb),.32);color:var(--text-strong)}.mono{font-family:var(--font-mono)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.ops-shell{display:grid;grid-template-columns:208px 1fr;height:100%;min-height:0}.ops-side{border-right:1px solid var(--line);background:var(--bg-sunken);display:flex;flex-direction:column;padding:18px 12px;gap:4px;min-height:0}.ops-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.ops-brand-mark{width:30px;height:30px;border-radius:9px;background:var(--grad-brand);color:#14100a;font-weight:700;display:grid;place-items:center;font-size:14px}.ops-brand-title{font-size:14px;font-weight:600;letter-spacing:.02em}.ops-brand-sub{font-size:11px;color:var(--text-faint)}.ops-nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:9px;color:var(--text-dim);cursor:pointer;border:1px solid transparent;font-size:13px;background:none;text-align:left;width:100%}.ops-nav-item:hover{background:var(--bg-hover);color:var(--text)}.ops-nav-item.active{background:var(--gold-soft);border-color:var(--line-strong);color:var(--text)}.ops-nav-badge{font-size:11px;padding:1px 7px;border-radius:999px;background:#dc5a5a2e;color:#f0a3a3;border:1px solid rgba(220,90,90,.3)}.ops-side-foot{margin-top:auto;border-top:1px solid var(--line-neutral);padding-top:12px;font-size:12px;color:var(--text-faint);display:flex;flex-direction:column;gap:8px}.ops-main{display:flex;flex-direction:column;min-height:0;min-width:0}.ops-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line-neutral);flex:0 0 auto}.ops-topbar h1{font-size:15px;margin:0;font-weight:600}.ops-topbar .sub{font-size:12px;color:var(--text-faint);margin-top:2px}.ops-body{padding:20px 22px 40px;overflow-y:auto;flex:1 1 auto;min-height:0}.ops-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin-bottom:18px}.ops-card{background:var(--bg-panel);border:1px solid var(--line-neutral);border-radius:12px;padding:14px 16px}.ops-card .k{font-size:12px;color:var(--text-faint)}.ops-card .v{font-size:24px;font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums}.ops-card .v small{font-size:12px;color:var(--text-faint);font-weight:400;margin-left:4px}.ops-card.bad .v{color:#ef9a9a}.ops-card.warn .v{color:var(--gold-hi)}.ops-section{margin-bottom:22px}.ops-section>h2{font-size:13px;font-weight:600;color:var(--text-dim);margin:0 0 10px;display:flex;align-items:center;gap:8px}.ops-table{width:100%;border-collapse:collapse;font-size:13px}.ops-table th{text-align:left;font-weight:500;color:var(--text-faint);font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line-neutral);white-space:nowrap}.ops-table td{padding:10px;border-bottom:1px solid var(--line-neutral);vertical-align:middle}.ops-table tbody tr:hover{background:var(--bg-hover)}.ops-table .num{font-variant-numeric:tabular-nums}.ops-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle}.ops-dot.ok{background:#57c08a;box-shadow:0 0 6px #57c08a99}.ops-dot.bad{background:#e06a6a;box-shadow:0 0 6px #e06a6a99}.ops-dot.idle{background:var(--text-ghost)}.ops-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--text-dim);background:var(--bg-elevated);white-space:nowrap}.ops-tag.bad{color:#f0a3a3;border-color:#e06a6a59;background:#e06a6a1a}.ops-tag.warn{color:var(--gold-hi);border-color:var(--line-strong);background:var(--gold-soft)}.ops-tag.ok{color:#8fd6b0;border-color:#57c08a4d;background:#57c08a1a}.ops-item{border:1px solid var(--line-neutral);border-left-width:3px;border-radius:10px;padding:12px 14px;background:var(--bg-panel);margin-bottom:10px}.ops-item.error{border-left-color:#d96666}.ops-item.warn{border-left-color:var(--gold)}.ops-item.info{border-left-color:var(--ice)}.ops-item.acked{opacity:.55}.ops-item-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ops-item-title{font-size:13px;font-weight:600}.ops-item-detail{font-size:12.5px;color:var(--text-dim);margin-top:6px;line-height:1.65}.ops-item-action{font-size:12.5px;margin-top:8px;padding:8px 10px;border-radius:8px;background:var(--ice-soft);color:var(--ice-hi);line-height:1.6}.ops-item-foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.ops-btn{font-size:12.5px;padding:6px 12px;border-radius:8px;border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--text);cursor:pointer;white-space:nowrap}.ops-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--gold)}.ops-btn:disabled{opacity:.5;cursor:not-allowed}.ops-btn.primary{background:var(--grad-brand);color:#14100a;border-color:transparent;font-weight:600}.ops-btn.ghost{background:none;border-color:var(--line-neutral);color:var(--text-dim)}.ops-bar{height:6px;border-radius:999px;background:rgba(var(--neutral-rgb, 140, 150, 170),.16);overflow:hidden;min-width:90px}.ops-bar>i{display:block;height:100%;background:var(--grad-brand);border-radius:999px}.ops-bar.bad>i{background:linear-gradient(90deg,#a33a3a,#e06a6a)}.ops-metric-row{display:grid;grid-template-columns:104px 1fr 92px;gap:10px;align-items:center;font-size:12.5px;padding:5px 0}.ops-metric-row .lab{color:var(--text-dim)}.ops-metric-row .val{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-faint)}.ops-empty{border:1px dashed var(--line);border-radius:10px;padding:24px;text-align:center;font-size:13px;color:var(--text-faint)}.ops-err{border:1px solid rgba(224,106,106,.35);background:#e06a6a14;color:#f0a3a3;border-radius:10px;padding:12px 14px;font-size:13px;margin-bottom:14px}.ops-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060db8;display:grid;place-items:center;padding:24px;z-index:40}.ops-drawer{width:min(560px,100%);max-height:86vh;overflow-y:auto;background:var(--bg-panel-solid);border:1px solid var(--line-strong);border-radius:14px;padding:20px}.ops-drawer h3{margin:0 0 14px;font-size:15px}.ops-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.ops-field label{font-size:12px;color:var(--text-faint)}.ops-field input,.ops-field select,.ops-field textarea{background:var(--bg-input);border:1px solid var(--line-neutral);border-radius:8px;padding:8px 10px;color:var(--text);font-size:13px;font-family:inherit}.ops-field input:focus,.ops-field select:focus,.ops-field textarea:focus{outline:none;border-color:var(--line-focus)}.ops-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ops-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.ops-login{height:100%;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 0%,#0d1626,#050912 70%)}.ops-login-card{width:min(360px,92vw);background:var(--bg-panel);border:1px solid var(--line-strong);border-radius:16px;padding:28px 26px}.ops-login-card h2{margin:0 0 4px;font-size:17px}.ops-login-card p{margin:0 0 20px;color:var(--text-faint);font-size:12.5px}.ops-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.ops-toolbar .spacer{flex:1}.ops-hint{font-size:12px;color:var(--text-faint);line-height:1.7}