:root{--bg-dark:#0b1114;--bg-panel:#111e25;--bg-hover:#182932;--bg-input:#0d171c;--text-main:#f0f4f6;--text-muted:#8ba2ac;--accent:#118c7e;--accent-hover:#149b8d;--accent-bright:#22d3be;--accent-bg:#118c7e26;--border:#1e303a;--danger:#ef4444;--warning:#f59e0b;--info:#60a5fa;--success:#118c7e;--mono:ui-monospace, "Cascadia Code", "Consolas", monospace}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}#root{flex-direction:column;width:100%;display:flex}input,textarea,select{font:inherit}input{color:#fff;box-sizing:border-box;background-color:#0f172a;border:1px solid #334155;border-radius:6px;width:100%;margin:8px 0 16px;padding:10px}button{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-weight:700;transition:background-color .2s}button:hover{background-color:var(--accent-hover)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-bright);outline-offset:1px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head h2{margin:0 0 4px}.page-head p{color:var(--text-muted);margin:0;font-size:14px}.card{background-color:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:20px}.card h3{margin:0 0 12px;font-size:16px}.card+.card{margin-top:20px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;display:grid}.stat{background-color:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.stat .label{color:var(--text-muted);font-size:13px}.stat .value{font-variant-numeric:tabular-nums;margin-top:6px;font-size:30px;font-weight:700}.stat .hint{color:var(--text-muted);margin-top:4px;font-size:12px}.muted{color:var(--text-muted)}.small{font-size:12px}.mono{font-family:var(--mono);font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spacer{flex:1}.btn-ghost{color:var(--text-main);border:1px solid var(--border);background:0 0;padding:7px 12px;font-weight:600}.btn-ghost:hover{background-color:var(--bg-hover)}.btn-danger{color:var(--danger);border:1px solid var(--danger);background-color:#0000}.btn-danger:hover{background-color:#ef44441f}.select,.textarea,.search{background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--border);box-sizing:border-box;border-radius:6px;margin:0;padding:8px 10px;font-size:14px}.textarea{resize:vertical;width:100%;min-height:70px}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;display:block}.badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border:1px solid #0000;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.red{color:#f87171;background:#ef444426;border-color:#ef444459}.badge.amber{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b59}.badge.teal{background:var(--accent-bg);color:var(--accent-bright);border-color:#118c7e73}.badge.blue{color:var(--info);background:#60a5fa1f;border-color:#60a5fa4d}.badge.plain{text-transform:none}.badge.grey{color:var(--text-muted);background:#94a3b81f;border-color:#94a3b84d}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;text-align:left;width:100%;font-size:14px}table.data th{color:var(--text-muted);border-bottom:2px solid var(--border);white-space:nowrap;padding:10px 12px;font-weight:500}table.data td{border-bottom:1px solid var(--border);vertical-align:top;padding:11px 12px}table.data tbody tr:hover{background-color:var(--bg-hover)}.alert-box{border:1px solid;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:14px}.alert-box.error{color:#fca5a5;background:#ef44441a;border-color:#ef444459}.alert-box.warning{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b59}.alert-box.success{color:#5eead4;background:var(--accent-bg);border-color:#118c7e80}.master-detail{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:20px;display:grid}.master{background-color:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:14px;position:sticky;top:20px}.master .search{width:100%;margin-bottom:12px}.list-item{text-align:left;width:100%;color:var(--text-main);background:0 0;border:none;border-left:3px solid #0000;border-radius:6px;margin-bottom:6px;padding:12px 14px;font-weight:400;display:block}.list-item:hover{background-color:var(--bg-hover)}.list-item.active{background-color:var(--bg-hover);border-left-color:var(--accent-bright)}.list-item .title{font-size:15px;font-weight:600}.list-item .sub{color:var(--text-muted);margin-top:3px;font-size:13px}.fields{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px 20px;display:grid}.fields .value{background-color:var(--bg-input);overflow-wrap:anywhere;border-radius:6px;min-height:20px;padding:8px 10px;font-size:14px}.segmented{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{color:var(--text-muted);border-right:1px solid var(--border);background:0 0;border-radius:0;padding:7px 12px;font-weight:600}.segmented button:last-child{border-right:none}.segmented button.on{background:var(--accent-bg);color:var(--accent-bright)}pre.json{background-color:var(--bg-input);border:1px solid var(--border);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:340px;margin:0;padding:12px;font-size:12px;overflow:auto}.drawer-backdrop{z-index:20;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--bg-dark);border-left:1px solid var(--border);box-sizing:border-box;width:min(760px,100%);height:100%;padding:24px;overflow-y:auto}.ph{background:var(--accent-bg);color:var(--accent-bright);font-family:var(--mono);border-radius:3px;padding:0 3px}.progress{background:var(--bg-input);border-radius:4px;height:8px;display:flex;overflow:hidden}.progress span{height:100%;display:block}.topbar{background-color:var(--bg-panel);border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:0 30px;display:flex}.topbar-left{align-self:stretch;align-items:center;gap:40px;min-width:0;display:flex}.topbar-nav{display:flex;overflow-x:auto}.topbar-nav button{min-height:60px}.workspace{flex:1;padding:30px;overflow-y:auto}.scope-row{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:6px 12px;padding:12px 0;display:grid}.two-col{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.two-col>.card+.card{margin-top:0}@media (width<=900px){.topbar{flex-wrap:wrap;gap:8px;padding:8px 16px 0}.topbar-left{flex-direction:column;order:2;align-items:flex-start;gap:4px;width:100%}.topbar-nav{width:100%}.topbar-nav button{min-height:44px;padding:0 14px!important}.workspace{padding:20px 16px}.scope-row{grid-template-columns:auto 1fr}.scope-row .segmented{grid-column:2;justify-self:start}.two-col,.master-detail{grid-template-columns:1fr}.master{position:static}}.live-dot{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.live-dot:before{content:"";background:var(--text-muted);border-radius:50%;width:8px;height:8px}.live-dot.live{color:var(--accent-bright)}.live-dot.live:before{background:var(--accent-bright);animation:2s infinite pulse;box-shadow:0 0 #22d3be99}.live-dot.connecting:before{background:var(--warning)}@keyframes pulse{70%{box-shadow:0 0 0 7px #22d3be00}to{box-shadow:0 0 #22d3be00}}tr.fresh td{animation:4s ease-out fresh}@keyframes fresh{0%{background:#22d3be2e}to{background:0 0}}@media (prefers-reduced-motion:reduce){tr.fresh td,.live-dot.live:before{animation:none}}.alert-row{background:var(--bg-input);cursor:pointer;border:1px solid #0000;border-radius:8px;margin-bottom:8px;padding:12px 14px}.alert-row:hover{border-color:var(--border);background:var(--bg-hover)}.matrix select{min-width:150px}.access-allowed{color:var(--accent-bright)}.access-approval_required{color:var(--warning)}.access-blocked{color:#f87171}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.inline-form input,.inline-form .select{width:auto;min-width:140px;margin:0}.inline-form label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:4px;font-size:11px;display:flex}input.compact{background:var(--bg-input);border-color:var(--border);margin:0;padding:8px 10px;font-size:14px}.token-box{font-family:var(--mono);background:var(--bg-input);border:1px dashed var(--accent);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:6px;padding:10px;font-size:13px}.rule-card{grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;display:grid}.override-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 0;display:flex}.override-row:last-child{border-bottom:none}.pill-toggle{cursor:pointer;align-items:center;gap:8px;font-weight:600;display:inline-flex}.pill-toggle input{width:auto;margin:0}.sev-critical{color:#f87171;font-weight:700}.inline-form label.pill-toggle{letter-spacing:0;flex-direction:row;align-items:center;gap:8px}