:root{color-scheme:dark;--bg:#070b12;--panel:#101722;--line:#253244;--muted:#8fa1b8;--text:#f4f7fb;--accent:#8b5cf6;--accent2:#22d3ee;--good:#16a34a;--danger:#dc2626;--warn:#d97706}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#1e1639 0,transparent 30%),var(--bg);font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--text);min-height:100vh}.shell{width:min(1180px,100%);margin:auto;padding:24px 16px 80px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}h1{font-size:clamp(1.35rem,5vw,2.1rem);margin:0}h2{font-size:1.15rem;margin:0 0 14px}p{color:var(--muted);margin:.35rem 0}.card{background:rgba(16,23,34,.94);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 16px 50px rgba(0,0,0,.2)}.controls{display:grid;gap:12px}.mode-row,.action-row{display:flex;flex-wrap:wrap;gap:8px}button{border:1px solid var(--line);background:#192333;color:var(--text);padding:11px 15px;border-radius:12px;font-weight:700;cursor:pointer}button.active{border-color:var(--accent2);box-shadow:0 0 0 2px rgba(34,211,238,.18)}button.good{background:var(--good)}button.danger{background:var(--danger)}button:disabled{opacity:.45;cursor:not-allowed}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.metrics article{min-height:94px;display:flex;flex-direction:column;justify-content:space-between}.metrics small{color:var(--muted)}.metrics strong{font-size:1.35rem;direction:ltr;text-align:right}.badge{padding:8px 12px;border-radius:999px;font-size:.85rem;font-weight:800;white-space:nowrap}.badge.online{background:rgba(22,163,74,.2);color:#86efac;border:1px solid #16a34a}.badge.offline{background:rgba(220,38,38,.18);color:#fca5a5;border:1px solid #dc2626}.status-strip{margin-bottom:14px;color:#fde68a}.list{display:grid;gap:10px}.list-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#0b111b}.list-item strong{direction:ltr}.list-item small{color:var(--muted)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tag{font-size:.72rem;padding:4px 7px;border-radius:999px;background:#202d40;color:#cbd5e1}.tag.allowed,.tag.executed{background:rgba(22,163,74,.18);color:#86efac}.tag.blocked,.tag.failed{background:rgba(220,38,38,.18);color:#fca5a5}.empty{color:var(--muted)}.login-layer{position:fixed;z-index:20;inset:0;background:rgba(3,7,13,.93);display:grid;place-items:center;padding:18px}.login-layer.hidden{display:none}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:26px;display:grid;gap:14px}.brand-mark{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 12px 40px rgba(139,92,246,.35)}label{display:grid;gap:7px;color:var(--muted)}input{width:100%;border:1px solid var(--line);background:#080d15;color:var(--text);padding:13px;border-radius:12px;font-size:1rem}.error{min-height:20px;color:#fca5a5}.shell section.card:not(.controls){margin-bottom:14px}@media(max-width:720px){.shell{padding:18px 10px 70px}.metrics{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start}.list-item{grid-template-columns:1fr}.action-row button,.mode-row button{flex:1;min-width:110px}}@media(max-width:400px){.metrics{grid-template-columns:1fr 1fr}.metrics strong{font-size:1.05rem}.card{border-radius:15px;padding:13px}}
.decision-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.decision-actions button{padding:8px 11px}