:root{--blue: #1f4fd6;--blue-hover: #12329a;--blue-300: #8fa8ff;--blue-400: #7fa0ff;--ink: #0a0a0a;--panel: #0c0c0d;--card: #141416;--card-2: #1a1a1d;--border: #26262a;--border-2: #232327;--border-3: #3a3a40;--hover: #17171a;--input-bg: #0f0f11;--text: #e8e8e8;--text-2: #b4b4b8;--muted: #8a8a8c;--chip: #12183a;--chip-border: #2a3a8a;--chip-text: #9fb2ff;--success: #1f9d55;--live: #28c840;--warn: #c98a2b;--amber: #febc2e;--error: #c04a2f;--error-text: #ff8a72;--red: #ff5f57;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--panel);color:var(--text);font-family:var(--mono);font-size:14px;-webkit-font-smoothing:antialiased}::selection{background:var(--blue);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2c2c30;border-radius:6px}::-webkit-scrollbar-track{background:transparent}a{color:var(--blue-300);text-decoration:none}button{font-family:var(--mono);cursor:pointer}input,select{font-family:var(--mono)}@keyframes rg-blink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.cursor{display:inline-block;width:8px;height:15px;background:var(--blue);vertical-align:-2px;animation:rg-blink 1.1s steps(1) infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.dither-strip{height:4px;background-color:var(--blue-400);opacity:.55;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'><rect x='0' y='0' width='1' height='1'/><rect x='2' y='0' width='1' height='1'/><rect x='1' y='1' width='1' height='1'/><rect x='3' y='1' width='1' height='1'/><rect x='0' y='2' width='1' height='1'/><rect x='2' y='2' width='1' height='1'/><rect x='1' y='3' width='1' height='1'/><rect x='3' y='3' width='1' height='1'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'><rect x='0' y='0' width='1' height='1'/><rect x='2' y='0' width='1' height='1'/><rect x='1' y='1' width='1' height='1'/><rect x='3' y='1' width='1' height='1'/><rect x='0' y='2' width='1' height='1'/><rect x='2' y='2' width='1' height='1'/><rect x='1' y='3' width='1' height='1'/><rect x='3' y='3' width='1' height='1'/></svg>");-webkit-mask-size:6px 6px;mask-size:6px 6px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.app{display:grid;grid-template-columns:232px 1fr;min-height:100%}.sidebar{background:var(--ink);border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;letter-spacing:-.6px;margin:4px 8px}.brand .tag{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700;margin-left:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;color:var(--text-2);background:none;border:none;width:100%;text-align:left;font-size:13.5px}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--chip);color:var(--chip-text)}.nav-item .k{font-size:11px;color:var(--muted)}.sidebar .spacer{flex:1}.op-badge{font-size:11px;color:var(--muted);padding:8px 10px;border-top:1px solid var(--border);margin-top:8px}.op-badge b{color:var(--text-2);font-weight:600;display:block}.linkish{background:none;border:none;color:var(--blue-300);font-size:12px;padding:6px 10px;text-align:left}.main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 32px 0}.h1{font-size:26px;font-weight:700;letter-spacing:-.6px;margin:0}.kicker{font-size:12px;letter-spacing:2.5px;color:var(--blue);font-weight:700}.content{padding:24px 32px 48px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (max-width: 1024px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.tiles{grid-template-columns:minmax(0,1fr)}}.tile{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 18px 16px;overflow:hidden}.tile .label{font-size:11px;letter-spacing:1px;color:var(--muted);font-weight:600;text-transform:uppercase}.tile .value{font-size:30px;font-weight:700;letter-spacing:-.5px;margin-top:8px}.tile .sub{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}.tile .sub .up{color:var(--success)}.panel{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-2)}.panel-title{font-size:14px;font-weight:700}.panel-body{padding:4px 0}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;font-size:11px;letter-spacing:.8px;color:var(--muted);font-weight:600;text-transform:uppercase;padding:10px 18px}tbody td{padding:12px 18px;border-top:1px solid var(--border-2);color:var(--text-2);vertical-align:middle}tbody tr:hover{background:var(--hover);cursor:pointer}tbody tr.norow:hover{background:none;cursor:default}td .name{color:var(--text);font-weight:600}td.right,th.right{text-align:right}.mono-dim{color:var(--muted)}.bar{height:6px;background:#232327;border-radius:4px;overflow:hidden;min-width:90px}.bar>span{display:block;height:100%;background:var(--blue)}.bar.warn>span{background:var(--warn)}.bar.full>span{background:var(--error)}.badge{font-size:10.5px;font-weight:700;letter-spacing:.6px;padding:3px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:5px}.badge.live{background:#1f9d5524;color:var(--live)}.badge.suspended{background:#c04a2f29;color:var(--red)}.badge.plan{background:#ffffff0f;color:var(--text-2);text-transform:uppercase}.badge.scope{background:var(--chip);color:var(--chip-text);font-weight:600}.dot{width:7px;height:7px;border-radius:50%}.btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:9px 15px;border-radius:6px;border:1px solid var(--border);background:var(--card-2);color:var(--text)}.btn:hover{border-color:var(--border-3)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.btn.danger{background:#c04a2f1f;border-color:#c04a2f66;color:var(--error-text)}.btn.danger:hover{background:#c04a2f33}.btn.sm{padding:6px 11px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.input,select.input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:9px 12px;font-size:13px}.input:focus,select.input:focus{outline:none;border-color:var(--blue)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar .grow{flex:1;min-width:160px}.login-wrap{display:grid;place-items:center;min-height:100vh}.login-card{width:380px;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 30px 70px #0a0a1947}.login-body{padding:30px 30px 34px}.login-body h1{font-size:22px;margin:18px 0 4px}.login-body p{font-family:var(--sans);color:var(--muted);font-size:13.5px;margin:0 0 22px}.field{display:block;margin-bottom:14px}.field span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field .input{width:100%}.err{color:var(--error-text);font-size:12.5px;margin:6px 0 0}.back{background:none;border:none;color:var(--muted);font-size:12.5px;padding:0;margin-bottom:10px}.back:hover{color:var(--text)}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:8px}.kv .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.kv .v{font-size:16px;font-weight:600;margin-top:3px}.empty{padding:26px 18px;color:var(--muted);font-size:13px;text-align:center}.spin{padding:40px;text-align:center;color:var(--muted)}.toast{position:fixed;bottom:20px;right:20px;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:8px;padding:12px 16px;font-size:13px;box-shadow:0 30px 80px #0000004d;z-index:50;max-width:380px}.toast.error{border-left-color:var(--error)}.spark{display:block}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:40}.modal{width:420px;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.modal:focus{outline:none}.modal-body{padding:22px 22px 24px}.modal-body h3{margin:0 0 6px;font-size:16px}.modal-body p{font-family:var(--sans);color:var(--muted);font-size:13px;margin:0 0 16px;line-height:1.5}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}