:root{--bg-app: #0a1228;--bg-panel: #0f1b38;--bg-panel-2: #13213f;--bg-row: #0f1b38;--bg-row-alt: #11203d;--bg-rail: #0c1730;--bg-input: #0b1530;--line: #1e2e4f;--line-soft: #18253f;--line-strong: #2a3d63;--text-hi: #eef3fb;--text: #c5d2e6;--text-mut: #8294b0;--text-faint: #5d6e8c;--accent: #4f9cdb;--accent-soft: #1b3252;--teal: #2bb6a3;--crit: #e5654f;--crit-bg: #2c1614;--high: #e0922f;--high-bg: #2a1f10;--med: #3fa7a0;--med-bg: #102523;--low: #6b7c99;--low-bg: #16213a;--ok: #34b27b;--ok-bg: #102a1f;--halt: #9b7be0;--halt-bg: #1e1733;--radius: 8px;--radius-sm: 5px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--mono: "SFMono-Regular", "JetBrains Mono", "Roboto Mono", Consolas, "Courier New", monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-app);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:0;background:var(--bg-rail);border-bottom:1px solid var(--line);padding:0 20px;height:56px;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:10px;padding-right:22px;margin-right:8px;border-right:1px solid var(--line);height:100%}.brand-mark{width:26px;height:26px;border-radius:6px;background:linear-gradient(145deg,#1b3a63,#0e2546);border:1px solid var(--line-strong);display:grid;place-items:center;color:var(--accent);font-weight:700;font-size:13px}.brand-name{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--text-hi)}.brand-sub{font-size:10.5px;color:var(--text-faint);letter-spacing:.02em}.nav{display:flex;align-items:stretch;height:100%;gap:2px}.nav-item{position:relative;background:transparent;border:none;color:var(--text-mut);font-size:13px;font-weight:500;padding:0 16px;display:flex;align-items:center;gap:8px;letter-spacing:.01em;border-bottom:2px solid transparent;transition:color .15s ease,background .15s ease}.nav-item:hover{color:var(--text-hi);background:#ffffff05}.nav-item.active{color:var(--text-hi);border-bottom-color:var(--accent)}.nav-item .dot{width:7px;height:7px;border-radius:50%;background:var(--crit);box-shadow:0 0 0 2px #e5654f33}.nav-badge{min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--crit);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:16px}.session-pill{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--text-mut);font-family:var(--mono)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.user-chip{display:flex;align-items:center;gap:8px;padding-left:16px;border-left:1px solid var(--line)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--line-strong);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--accent)}.user-meta{line-height:1.2}.user-meta .nm{font-size:12px;color:var(--text-hi);font-weight:600}.user-meta .rl{font-size:10px;color:var(--text-faint)}.page{flex:1;max-width:1240px;width:100%;margin:0 auto;padding:24px 28px 48px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-weight:600;margin-bottom:6px}.page-title{font-size:22px;font-weight:650;color:var(--text-hi);letter-spacing:-.01em}.page-desc{font-size:13px;color:var(--text-mut);margin-top:4px;max-width:560px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.kpi{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}.kpi:hover{border-color:var(--line-strong);transform:translateY(-1px)}.kpi.selected{border-color:var(--accent);background:var(--bg-panel-2)}.kpi-val{font-size:30px;font-weight:700;color:var(--text-hi);font-family:var(--mono);letter-spacing:-.02em;line-height:1}.kpi-val.crit{color:var(--crit)}.kpi-val.warn{color:var(--high)}.kpi-label{font-size:12px;color:var(--text-mut);margin-top:8px}.kpi-foot{font-size:10.5px;color:var(--text-faint);margin-top:8px;font-family:var(--mono)}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--bg-panel-2)}.panel-head h2{font-size:13.5px;font-weight:600;color:var(--text-hi);letter-spacing:.01em}.panel-head .count{font-family:var(--mono);font-size:11px;color:var(--text-faint)}.panel-head .spacer{margin-left:auto}.table-wrap{width:100%;overflow-x:auto}table.grid{width:100%;border-collapse:collapse;font-size:13px}table.grid thead th{text-align:left;padding:10px 16px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-weight:600;background:var(--bg-rail);border-bottom:1px solid var(--line);white-space:nowrap}table.grid tbody td{padding:12px 16px;border-bottom:1px solid var(--line-soft);color:var(--text);vertical-align:middle}table.grid tbody tr{transition:background .12s ease}table.grid tbody tr:hover{background:var(--bg-row-alt)}table.grid tbody tr.row-crit{background:#e5654f0f}table.grid tbody tr.row-crit:hover{background:#e5654f1a}table.grid tbody tr.row-dim{opacity:.5}table.grid tbody tr:last-child td{border-bottom:none}.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:-.01em}.id-cell{color:var(--text-hi);font-weight:500}.num{font-family:var(--mono);text-align:right}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:3px 8px;border-radius:4px;text-transform:uppercase;white-space:nowrap;border:1px solid transparent}.badge.crit{color:var(--crit);background:var(--crit-bg);border-color:#e5654f4d}.badge.high{color:var(--high);background:var(--high-bg);border-color:#e0922f4d}.badge.medium{color:var(--med);background:var(--med-bg);border-color:#3fa7a04d}.badge.low{color:var(--low);background:var(--low-bg);border-color:#6b7c994d}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.02em}.status .s-dot{width:8px;height:8px;border-radius:50%;flex:none}.status.active{color:var(--ok)}.status.active .s-dot{background:var(--ok)}.status.paused{color:var(--high)}.status.paused .s-dot{background:var(--high)}.status.disabled{color:var(--crit)}.status.disabled .s-dot{background:var(--crit)}.action-tag{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.02em}.action-tag.reject{color:var(--crit)}.action-tag.pause{color:var(--high)}.action-tag.limit{color:var(--med)}.action-tag.halt{color:var(--halt)}.action-tag.restore{color:var(--ok)}.btn{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-panel-2);color:var(--text);transition:all .14s ease;white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--text-hi)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#06121f}.btn.primary:hover{background:#5fa9e3}.btn.subtle{background:transparent;border-color:var(--line);color:var(--text-mut)}.btn.subtle:hover{color:var(--text-hi);border-color:var(--line-strong)}.btn.danger{color:var(--crit);border-color:#e5654f66;background:var(--crit-bg)}.btn.danger:hover{border-color:var(--crit)}.btn.warn{color:var(--high);border-color:#e0922f66;background:var(--high-bg)}.btn.warn:hover{border-color:var(--high)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.sm{padding:5px 9px;font-size:11.5px}.row-actions{display:flex;gap:6px;justify-content:flex-end}.filter-bar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--bg-panel);flex-wrap:wrap}.filter-label{font-size:11px;color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-weight:600}select.select,input.search{background:var(--bg-input);border:1px solid var(--line-strong);color:var(--text);font-family:var(--sans);font-size:12.5px;padding:6px 10px;border-radius:var(--radius-sm);outline:none}select.select:focus,input.search:focus{border-color:var(--accent)}input.search{min-width:220px;flex:1;max-width:320px}input.search::placeholder{color:var(--text-faint)}.filter-result{margin-left:auto;font-size:11.5px;color:var(--text-faint);font-family:var(--mono)}.config-banner{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--bg-panel-2);border-bottom:1px solid var(--line);font-size:12.5px;color:var(--text-mut)}.scope-chip{font-family:var(--mono);font-size:11.5px;padding:3px 9px;border-radius:4px;background:var(--bg-input);border:1px solid var(--line-strong);color:var(--text)}.rms-lock{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 10px;border-radius:4px;background:var(--crit-bg);color:var(--crit);border:1px solid rgba(229,101,79,.35)}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;padding:22px 18px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text-hi);margin-bottom:7px}.field-input{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .14s ease}.field-input:focus-within{border-color:var(--accent)}.field-input .prefix,.field-input .suffix{padding:0 11px;font-size:12px;color:var(--text-faint);font-family:var(--mono);background:var(--bg-rail);align-self:stretch;display:flex;align-items:center;white-space:nowrap}.field-input input{flex:1;border:none;background:transparent;color:var(--text-hi);font-family:var(--mono);font-size:14px;padding:9px 11px;outline:none;min-width:0}.field-hint{font-size:11px;color:var(--text-faint);margin-top:6px;font-style:italic}.field.changed .field-input{border-color:var(--high)}.field.changed label:after{content:" • edited";color:var(--high);font-weight:600;font-style:italic;font-size:10.5px;letter-spacing:.02em}.toggle{display:inline-flex;align-items:center;gap:10px}.switch{width:42px;height:23px;border-radius:12px;background:var(--bg-input);border:1px solid var(--line-strong);position:relative;transition:background .16s ease,border-color .16s ease;flex:none}.switch .knob{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--text-mut);transition:transform .16s ease,background .16s ease}.switch.on{background:var(--accent-soft);border-color:var(--accent)}.switch.on .knob{transform:translate(19px);background:var(--accent)}.toggle .state-txt{font-family:var(--mono);font-size:13px;color:var(--text-hi)}.config-foot{display:flex;align-items:center;gap:12px;padding:16px 18px;border-top:1px solid var(--line);background:var(--bg-panel-2)}.config-foot .dirty-note{font-size:12px;color:var(--high);display:inline-flex;align-items:center;gap:7px}.config-foot .saved-note{font-size:12px;color:var(--ok);display:inline-flex;align-items:center;gap:7px}.config-foot .spacer{margin-left:auto}.alert-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.alert-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg-panel-2)}.alert-toolbar .title{font-size:12px;font-weight:600;color:var(--text-hi);letter-spacing:.04em}.alert-toolbar .spacer{margin-left:auto}.alert-list{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:540px;overflow-y:auto}.alert-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;background:var(--bg-panel-2);position:relative;transition:border-color .14s ease,background .14s ease}.alert-card.unread{background:var(--bg-row-alt);border-color:var(--line-strong)}.alert-card{padding-left:16px}.alert-card .unread-dot{position:absolute;top:15px;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--bg-app)}.alert-top{display:flex;align-items:center;gap:9px;margin-bottom:8px}.alert-type{font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:4px;text-transform:uppercase}.alert-type.rejected{color:var(--crit);background:var(--crit-bg)}.alert-type.paused{color:var(--high);background:var(--high-bg)}.alert-type.halted{color:var(--halt);background:var(--halt-bg)}.alert-type.restored{color:var(--ok);background:var(--ok-bg)}.alert-type.limit{color:var(--med);background:var(--med-bg)}.alert-time{font-family:var(--mono);font-size:11px;color:var(--text-faint);margin-left:auto}.alert-msg{font-size:13px;color:var(--text);line-height:1.45}.alert-foot{display:flex;align-items:center;gap:10px;margin-top:10px}.alert-ref{font-family:var(--mono);font-size:11px;color:var(--text-faint)}.alert-foot .spacer{margin-left:auto}.link-btn{background:none;border:none;color:var(--accent);font-size:11.5px;font-weight:600;padding:0}.link-btn:hover{text-decoration:underline}.link-btn.read{color:var(--text-faint)}.rationale{display:flex;flex-direction:column;gap:12px;padding:16px}.rationale-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 15px;background:var(--bg-panel-2)}.rationale-card h3{font-size:13px;color:var(--text-hi);font-weight:600;margin-bottom:5px}.rationale-card p{font-size:12px;color:var(--text-mut);line-height:1.5}.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:80}.toast{display:flex;align-items:center;gap:11px;min-width:280px;max-width:380px;background:var(--bg-panel);border:1px solid var(--line-strong);border-left-width:3px;border-radius:var(--radius-sm);padding:12px 14px;box-shadow:var(--shadow);animation:toast-in .22s cubic-bezier(.2,.8,.3,1)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.toast.ok{border-left-color:var(--ok)}.toast.warn{border-left-color:var(--high)}.toast.crit{border-left-color:var(--crit)}.toast.info{border-left-color:var(--accent)}.toast .t-icon{width:8px;height:8px;border-radius:50%;flex:none}.toast.ok .t-icon{background:var(--ok)}.toast.warn .t-icon{background:var(--high)}.toast.crit .t-icon{background:var(--crit)}.toast.info .t-icon{background:var(--accent)}.toast .t-body{flex:1}.toast .t-title{font-size:12.5px;font-weight:600;color:var(--text-hi)}.toast .t-msg{font-size:11.5px;color:var(--text-mut);margin-top:2px}.empty{padding:44px 20px;text-align:center;color:var(--text-faint)}.empty .ttl{font-size:14px;color:var(--text-mut);font-weight:600;margin-bottom:5px}.empty .sub{font-size:12.5px}.demo-note{margin-top:16px;font-size:11px;color:var(--text-faint);font-style:italic;text-align:right}@media (max-width: 980px){.kpi-row{grid-template-columns:repeat(2,1fr)}.config-grid,.alert-layout{grid-template-columns:1fr}.nav-item{padding:0 11px;font-size:12px}.brand-sub{display:none}}@media (max-width: 620px){.topbar{padding:0 12px;height:auto;flex-wrap:wrap;gap:6px}.nav{order:3;width:100%;overflow-x:auto}.topbar-right{order:2}.kpi-row{grid-template-columns:1fr 1fr}.page{padding:16px}.user-chip .user-meta{display:none}}