:root{color-scheme:dark;--bg:#071019;--panel:#0d1b28;--panel2:#102334;--line:#20384b;--text:#dceaf4;--muted:#7f9bad;--cyan:#2dd4bf;--blue:#4aa8ff;--pink:#ec6bad;--red:#fb7185;--yellow:#fbbf24;--green:#4ade80;--shadow:0 16px 45px #0007}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#10314a 0,transparent 30%),var(--bg);color:var(--text);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app{min-height:100vh}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:#07111be8;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brand strong{letter-spacing:.12em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.18em}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),#187ea8);font-weight:900;color:#03202a;box-shadow:0 0 24px #2dd4bf44}.brand-mark.small{width:38px;height:38px;border-radius:10px}.header-status,.user-menu{display:flex;align-items:center;gap:10px}.dot{width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px currentColor}.dot.ok{background:var(--green)}.dot.bad{background:var(--red)}#freshness{color:var(--muted);border-left:1px solid var(--line);padding-left:10px}.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:14px 22px;border-bottom:1px solid var(--line);background:#091722}.toolbar label,.login-card label,dialog label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:12px}.toolbar input{width:190px}.range-presets{display:flex;gap:5px}.range-presets button,.tabs button,.ghost,.secondary{background:#102332;border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:8px 11px}.range-presets button.active,.tabs button.active{color:var(--cyan);border-color:#2dd4bf88;background:#123136}.primary{border:0;background:linear-gradient(135deg,#22c9b5,#218fc5);color:#03202a;font-weight:800;border-radius:7px;padding:9px 14px}.secondary:hover,.ghost:hover{color:var(--text);border-color:#3e657f}.loading-status{color:var(--cyan);margin-left:auto}.tabs{display:flex;gap:6px;padding:12px 22px 0}.tabs button{border-bottom-left-radius:0;border-bottom-right-radius:0}.tab{display:none;padding:16px 22px 36px}.tab.active{display:block}.panel{background:linear-gradient(145deg,#0d1d2aee,#0a1621ee);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.panel>header{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}h2{font-size:15px;margin:0;letter-spacing:.02em}.panel header>div,.filters{display:flex;gap:7px}.account-grid,.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-card{padding:18px;border-top:3px solid var(--blue)}.account-card.slave{border-color:var(--pink)}.account-title{display:flex;align-items:center;justify-content:space-between}.account-title .role{font-weight:800;font-size:17px}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.stat label,.metric label{color:var(--muted);font-size:11px;display:block}.stat strong{display:block;font-size:19px;margin-top:3px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:1px;background:var(--line)}.metric-grid.wide{grid-template-columns:repeat(8,minmax(90px,1fr));margin-bottom:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.metric{background:var(--panel);padding:15px}.metric strong{display:block;font-size:20px;margin-top:5px}.metric .sub{font-size:10px;color:var(--muted)}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.warning{color:var(--yellow)!important}.table-wrap{overflow:auto;max-height:360px}.table-wrap.tall{max-height:570px}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{padding:9px 11px;text-align:left;border-bottom:1px solid #172c3b;font-size:12px}th{position:sticky;top:0;background:#102332;color:#8aa8b9;z-index:2}tbody tr:hover{background:#ffffff08}td.comment{max-width:260px;overflow:hidden;text-overflow:ellipsis}.badge{font-size:10px;padding:2px 6px;border-radius:99px;background:#183146;border:1px solid #31526b}.badge.ok{color:var(--green);border-color:#287047}.badge.bad{color:var(--red);border-color:#783445}.badge.warn{color:var(--yellow);border-color:#796522}.alerts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.alert{padding:8px 11px;border:1px solid #5c4e1d;background:#2b2714;border-radius:8px;color:#f8cf61}.alert.critical{border-color:#713040;background:#2d141c;color:#ff8ba0}.log-stream{height:450px;overflow:auto;background:#03080d;padding:10px;font:12px/1.55 Consolas,monospace}.log-line{display:grid;grid-template-columns:175px 60px 70px 180px 1fr;gap:8px;padding:3px 5px;border-left:2px solid transparent}.log-line:hover{background:#ffffff08}.log-line.master{border-color:var(--blue)}.log-line.slave{border-color:var(--pink)}.log-line .muted{color:#5f7b8d}.timeline-event{display:grid;grid-template-columns:175px 85px 1fr;gap:12px;padding:9px 15px;border-bottom:1px solid #172c3b}.timeline-event .time{font-family:Consolas;color:var(--cyan)}.timeline-event .source{color:var(--muted)}canvas{width:100%;padding:12px}.hint{color:var(--muted);font-size:11px}.login-screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#123a4d,#050b11 55%);z-index:100}.login-card{width:min(390px,90vw);padding:34px;background:#0d1b28;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.login-card .brand-mark{margin:auto}.login-card h1{text-align:center;margin:18px 0 4px}.login-card p{text-align:center;color:var(--muted);margin:0 0 22px}.login-card label{margin:12px 0}.login-card button{width:100%;margin-top:12px}.error{color:var(--red);min-height:20px;margin-top:8px}input,select{background:#09151f;border:1px solid var(--line);color:var(--text);border-radius:7px;padding:8px 10px;outline:none}input:focus,select:focus{border-color:var(--cyan)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;width:390px;box-shadow:var(--shadow)}dialog::backdrop{background:#000a}dialog label{margin:14px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:1050px){.metric-grid.wide{grid-template-columns:repeat(4,1fr)}.dashboard-grid,.account-grid{grid-template-columns:1fr}.topbar{height:auto;padding:12px;flex-wrap:wrap}.toolbar{padding:12px}.tab{padding:12px}.log-line{grid-template-columns:150px 55px 1fr}.log-line .component,.log-line .source{display:none}}@media(max-width:650px){.metric-grid,.metric-grid.wide{grid-template-columns:repeat(2,1fr)}.account-stats{grid-template-columns:repeat(2,1fr)}.tabs{overflow:auto;padding-left:10px}.user-menu span,.header-status #freshness{display:none}.toolbar input{width:160px}}