:root{--bg: #07090c;--bg-panel: #0d1218;--bg-panel-2: #10161e;--bg-inset: #0a0f14;--line: #1b2632;--line-strong: #27374a;--text: #c8d3df;--text-strong: #e8f0f8;--text-dim: #6d7e90;--text-faint: #48576a;--accent: #38c8dc;--accent-dim: #1f6f7c;--ok: #3fd68f;--warn: #e8a33d;--danger: #e5484d;--mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: -apple-system, "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}::selection{background:#38c8dc40}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.app-shell{display:flex;height:100vh}.sidebar{width:208px;flex:0 0 auto;background:var(--bg-panel);border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar-brand{padding:14px 16px 12px;border-bottom:1px solid var(--line)}.sidebar-brand .brand-name{font-family:var(--mono);font-size:13px;letter-spacing:.18em;color:var(--text-strong)}.sidebar-brand .brand-sub{margin-top:2px;font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--text-faint)}.nav{flex:1;overflow-y:auto;padding:6px 0}.nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 16px;background:none;border:none;border-left:2px solid transparent;color:var(--text-dim);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-align:left;cursor:pointer}.nav-item:hover{color:var(--text);background:var(--bg-panel-2)}.nav-item.active{color:var(--accent);border-left-color:var(--accent);background:linear-gradient(90deg,rgba(56,200,220,.08),transparent 70%)}.nav-item .nav-phase{margin-left:auto;font-size:8px;color:var(--text-faint);letter-spacing:.1em}.nav-item:disabled{cursor:not-allowed;opacity:.55}.sidebar-footer{padding:10px 16px;border-top:1px solid var(--line);font-family:var(--mono);font-size:9px;color:var(--text-faint);letter-spacing:.14em}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:44px;flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--bg-panel)}.topbar .spacer{flex:1}.topbar .top-user{font-family:var(--mono);font-size:11px;color:var(--text-dim);letter-spacing:.06em}.topbar .top-user b{color:var(--text-strong);font-weight:600}.content{flex:1;overflow-y:auto;padding:18px}.env-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--line-strong);font-family:var(--mono);font-size:10px;letter-spacing:.14em;background:var(--bg-inset)}.env-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--text-faint)}.env-badge.development .dot{background:var(--accent)}.env-badge.staging .dot{background:var(--warn)}.env-badge.production .dot{background:var(--danger)}.env-badge.development{color:var(--accent)}.env-badge.staging{color:var(--warn)}.env-badge.production{color:var(--danger)}.panel{border:1px solid var(--line);background:var(--bg-panel);margin-bottom:14px}.panel-head{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--bg-panel-2)}.panel-title{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--text-strong)}.panel-head .hint{font-size:11px;color:var(--text-dim);margin-left:auto}.panel-body{padding:12px 14px}.section-title{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--text-faint);margin:18px 0 8px}table.data{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:11px}table.data th{text-align:left;font-weight:500;letter-spacing:.12em;color:var(--text-faint);padding:6px 10px;border-bottom:1px solid var(--line-strong);white-space:nowrap}table.data td{padding:6px 10px;border-bottom:1px solid var(--line);color:var(--text);white-space:nowrap}table.data tr:hover td{background:var(--bg-panel-2)}table.data td.num,table.data th.num{text-align:right}.pill{display:inline-block;padding:1px 7px;border:1px solid var(--line-strong);font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;background:var(--bg-inset);color:var(--text-dim)}.pill.ok{color:var(--ok);border-color:#3fd68f66}.pill.warn{color:var(--warn);border-color:#e8a33d66}.pill.bad{color:var(--danger);border-color:#e5484d66}.pill.info{color:var(--accent);border-color:#38c8dc66}.field{margin-bottom:12px}.field label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--text-dim);margin-bottom:4px}.field input,.field select,.field textarea{width:100%;padding:7px 10px;background:var(--bg-inset);border:1px solid var(--line-strong);color:var(--text-strong);font-family:var(--mono);font-size:12px}.field input::placeholder{color:var(--text-faint)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--bg-panel-2);border:1px solid var(--line-strong);color:var(--text-strong);font-family:var(--mono);font-size:11px;letter-spacing:.1em;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--accent-dim);color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{border-color:var(--accent-dim);color:var(--accent)}.btn.danger{border-color:#e5484d80;color:var(--danger)}.btn.danger:hover:not(:disabled){border-color:var(--danger)}.banner{padding:8px 12px;border:1px solid var(--line-strong);font-size:12px;margin-bottom:12px;background:var(--bg-inset)}.banner.error{border-color:#e5484d80;color:var(--danger)}.banner.warn{border-color:#e8a33d80;color:var(--warn)}.banner.ok{border-color:#3fd68f66;color:var(--ok)}.banner .rid{display:inline-block;margin-left:8px;font-family:var(--mono);font-size:10px;color:var(--text-faint);cursor:pointer;text-decoration:underline dotted}.login-wrap{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(rgba(56,200,220,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(56,200,220,.025) 1px,transparent 1px),radial-gradient(ellipse 80% 60% at 50% 30%,#0c141c 0%,var(--bg) 70%);background-size:32px 32px,32px 32px,100% 100%}.login-panel{width:360px;border:1px solid var(--line-strong);background:#0d1218eb;padding:28px 28px 24px;box-shadow:0 0 40px #38c8dc0a}.login-panel .brand-name{font-family:var(--mono);font-size:15px;letter-spacing:.24em;color:var(--text-strong)}.login-panel .brand-sub{font-family:var(--mono);font-size:9px;letter-spacing:.26em;color:var(--accent);margin-top:4px;margin-bottom:22px}.login-panel .env-note{margin-top:16px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--text-faint);text-align:center}.stub{border:1px dashed var(--line-strong);padding:26px 20px;text-align:center;color:var(--text-dim);font-family:var(--mono);font-size:11px;letter-spacing:.08em}.stub .phase{color:var(--accent)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 18px;font-family:var(--mono);font-size:11px}.kv dt{color:var(--text-faint);letter-spacing:.1em}.kv dd{margin:0;color:var(--text)}.mono{font-family:var(--mono)}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.strong{color:var(--text-strong)}.mt0{margin-top:0}.row{display:flex;align-items:center;gap:10px}.row .grow{flex:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030507b8;display:flex;align-items:center;justify-content:center;z-index:40}.modal{width:460px;max-height:84vh;overflow-y:auto;border:1px solid var(--line-strong);background:var(--bg-panel);box-shadow:0 0 60px #0009}.modal-title{padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg-panel-2);font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--text-strong)}.modal-body{padding:16px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.confirm-grid{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;font-family:var(--mono);font-size:11px;margin-bottom:12px}.confirm-grid dt{color:var(--text-faint);letter-spacing:.1em}.confirm-grid dd{margin:0;color:var(--text)}.otp-box{padding:12px;border:1px solid rgba(56,200,220,.4);background:var(--bg-inset);font-family:var(--mono);font-size:16px;letter-spacing:.08em;color:var(--accent);text-align:center;-webkit-user-select:all;user-select:all;margin-bottom:10px}.mini-btn{padding:3px 8px;background:none;border:1px solid var(--line-strong);color:var(--text-dim);font-family:var(--mono);font-size:9px;letter-spacing:.08em;cursor:pointer}.mini-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent-dim)}.mini-btn:disabled{opacity:.5;cursor:not-allowed}.table-tools{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.table-tools select,.table-tools input{padding:5px 8px;background:var(--bg-inset);border:1px solid var(--line-strong);color:var(--text-strong);font-family:var(--mono);font-size:11px}.pager{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;color:var(--text-dim);margin-top:10px}