:root{--bg: #0d1117;--bg2: #131a24;--card: #161e2b;--card2: #1b2535;--line: #263246;--text: #e6edf6;--muted: #8b98ab;--faint: #5d6a7e;--accent: #5b8cff;--accent2: #7aa2ff;--ok: #34c77b;--warn: #f2b84b;--bad: #f2605a;--ban: #c77dff;--info: #4cc3e8;--radius: 12px;--shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 8px 24px rgba(0,0,0,.25);color-scheme:dark}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #f4f6fa;--bg2: #eef1f6;--card: #ffffff;--card2: #f7f9fc;--line: #e2e7ef;--text: #172033;--muted: #5b677a;--faint: #8b95a6;--shadow: 0 1px 2px rgba(16,24,40,.06), 0 6px 18px rgba(16,24,40,.05);color-scheme:light}}:root[data-theme=light]{--bg: #f4f6fa;--bg2: #eef1f6;--card: #ffffff;--card2: #f7f9fc;--line: #e2e7ef;--text: #172033;--muted: #5b677a;--faint: #8b95a6;--shadow: 0 1px 2px rgba(16,24,40,.06), 0 6px 18px rgba(16,24,40,.05);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent2);text-decoration:none}code,.mono{font-family:JetBrains Mono,ui-monospace,Cascadia Code,Consolas,monospace;font-size:12.5px}h1{font-size:20px;margin:0;font-weight:650;letter-spacing:-.01em}h2{font-size:15px;margin:0 0 12px;font-weight:600}h3{font-size:13px;margin:0 0 8px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.layout{display:grid;grid-template-columns:232px 1fr;min-height:100%}.sidebar{background:var(--bg2);border-right:1px solid var(--line);padding:18px 12px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;font-weight:700;font-size:16px}.brand .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#8d6bff);display:grid;place-items:center;color:#fff;font-weight:800}.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--muted);font-weight:500}.nav a:hover{background:var(--card);color:var(--text)}.nav a.active{background:var(--card);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.nav .sep{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:14px 10px 4px}.sidebar .spacer{flex:1}.userbox{border-top:1px solid var(--line);padding:12px 10px 0;color:var(--muted);font-size:13px}.main{padding:22px 28px 60px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.topbar .right{display:flex;align-items:center;gap:10px}.live{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);padding:4px 10px;border:1px solid var(--line);border-radius:99px}.dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}.dot.on{background:var(--ok);box-shadow:0 0 #34c77b99;animation:pulse 2s infinite}.dot.poll{background:var(--warn)}@keyframes pulse{0%{box-shadow:0 0 #34c77b8c}70%{box-shadow:0 0 0 7px #34c77b00}to{box-shadow:0 0 #34c77b00}}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.cols2{grid-template-columns:1fr 1fr}.cols3{grid-template-columns:2fr 1fr}@media (max-width: 1100px){.cols2,.cols3{grid-template-columns:1fr}}@media (max-width: 800px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;padding:10px}.sidebar .spacer,.userbox,.nav .sep{display:none}.brand{padding:4px 10px}.main{padding:16px}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);min-width:0}.card.pad0{padding:0;overflow:hidden}.card .card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card .card-head h2{margin:0}.section{margin-top:14px}.kpi{position:relative;overflow:hidden}.kpi .label{color:var(--muted);font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px}.kpi .value{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}.kpi .value small{font-size:14px;color:var(--muted);font-weight:500;margin-left:4px}.kpi .sub{color:var(--muted);font-size:12px;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .bar{height:5px;border-radius:3px;background:var(--card2);margin-top:10px;overflow:hidden;display:flex}.kpi .bar span{display:block;height:100%}.kpi .spark{position:absolute;right:0;bottom:0;left:0;height:36px;opacity:.45;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:99px;font-size:11.5px;font-weight:600;background:var(--card2);color:var(--muted);border:1px solid var(--line);white-space:nowrap}.badge.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent);background:color-mix(in srgb,var(--ok) 10%,transparent)}.badge.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 35%,transparent);background:color-mix(in srgb,var(--bad) 10%,transparent)}.badge.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 35%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent)}.badge.ban{color:var(--ban);border-color:color-mix(in srgb,var(--ban) 35%,transparent);background:color-mix(in srgb,var(--ban) 10%,transparent)}.badge.info{color:var(--info);border-color:color-mix(in srgb,var(--info) 35%,transparent);background:color-mix(in srgb,var(--info) 10%,transparent)}.badge.accent{color:var(--accent2);border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);font-weight:600;background:var(--card2);position:sticky;top:0;z-index:1}tr:last-child td{border-bottom:0}tbody tr:hover td{background:color-mix(in srgb,var(--card2) 70%,transparent)}td.num,th.num{text-align:right}.table-wrap{overflow:auto;max-height:620px}.muted{color:var(--muted)}.faint{color:var(--faint)}.ok-t{color:var(--ok)}.bad-t{color:var(--bad)}.warn-t{color:var(--warn)}.ban-t{color:var(--ban)}.flash{animation:flash 1.2s ease-out}@keyframes flash{0%{background:color-mix(in srgb,var(--accent) 22%,transparent)}to{background:transparent}}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:8px;border:1px solid var(--line);background:var(--card2);color:var(--text);font:inherit;font-weight:550;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent2)}.btn.danger{color:var(--bad)}.btn.danger:hover{border-color:var(--bad)}.btn.sm{padding:4px 9px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:default}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}input,select,textarea{font:inherit;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);border-color:var(--accent)}textarea{width:100%;min-height:120px;resize:vertical}label.field{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted);font-weight:500}label.check{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.hint{font-size:12px;color:var(--faint)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--card);border:1px solid var(--line);border-radius:14px;width:min(760px,100%);max-height:92vh;overflow:auto;padding:20px;box-shadow:0 20px 60px #00000073}.modal .modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.login{min-height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(800px 400px at 20% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent),var(--bg)}.login .card{width:min(380px,100%);padding:26px}.copy{display:flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:6px 6px 6px 10px}.copy code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart{width:100%;display:block}.chart text{fill:var(--faint);font-size:10.5px}.chart .grid line{stroke:var(--line)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.tooltip{position:absolute;pointer-events:none;background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12px;box-shadow:var(--shadow);z-index:5;white-space:nowrap}.feed{max-height:420px;overflow:auto}.feed .item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;padding:7px 14px;border-bottom:1px solid var(--line);align-items:center;font-size:12.5px}.feed .item:last-child{border-bottom:0}.empty{padding:28px;text-align:center;color:var(--faint)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}.tabs button{background:none;border:0;color:var(--muted);padding:8px 12px;cursor:pointer;font:inherit;font-weight:550;border-bottom:2px solid transparent}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.err{color:var(--bad);font-size:13px}.pill-group{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.pill-group button{background:var(--card2);border:0;padding:6px 11px;color:var(--muted);cursor:pointer;font:inherit;font-size:12.5px;border-right:1px solid var(--line)}.pill-group button:last-child{border-right:0}.pill-group button.on{background:var(--accent);color:#fff}.meter{height:6px;background:var(--card2);border-radius:3px;overflow:hidden;min-width:60px}.meter span{display:block;height:100%;background:var(--accent)}pre.code{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;overflow:auto;margin:0}.toast{position:fixed;right:20px;bottom:20px;background:var(--card2);border:1px solid var(--line);padding:10px 14px;border-radius:10px;box-shadow:var(--shadow);z-index:60}.section-box{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--card2)}.section-box>.sec-title{font-weight:650;margin-bottom:4px;display:flex;align-items:center;gap:8px}.section-box>.sec-sub{color:var(--muted);font-size:12.5px;margin-bottom:12px}.field-help{font-size:12px;color:var(--faint);line-height:1.35}.field select,.field input{width:100%}.summary{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:12px;padding:12px 14px}.summary ul{margin:6px 0 0;padding-left:18px;line-height:1.6}.ms{position:relative}.ms-button{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:8px;font:inherit;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;cursor:pointer;min-height:35px}.ms-button .ph{color:var(--faint)}.ms-pop{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:260px;overflow:auto;padding:6px}.ms-pop label{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer}.ms-pop label:hover{background:var(--card2)}.ms-pop .cnt{margin-left:auto;color:var(--faint);font-size:12px}.tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:5px 6px;min-height:35px}.tags input{border:0;background:transparent;padding:3px 4px;flex:1;min-width:120px;outline:none}.tag{display:inline-flex;align-items:center;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:1px 4px 1px 9px;font-size:12.5px}.tag button{background:none;border:0;color:var(--faint);cursor:pointer;padding:0 4px;font-size:14px}.rule-card{border:1px dashed var(--line);border-radius:10px;padding:12px}.preset-card{text-align:left;cursor:pointer;font:inherit;color:inherit}.preset-card:hover{border-color:var(--accent)}.section-box .form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}input:not([type=checkbox]):not([type=radio]),select,.ms-button,.tags{height:36px;min-height:36px;box-sizing:border-box;font-size:13.5px;background-color:var(--bg2)}.tags{height:auto}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238b98ab' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;cursor:pointer}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);margin:0;flex:none}.form-grid{align-items:start}@media (min-width: 801px){.form-grid>.field>span:first-child{min-height:2.9em;display:flex;align-items:flex-end;line-height:1.3}}.field-help{margin-top:1px}.check-list{display:flex;flex-wrap:wrap;gap:8px 22px}.modal-actions{position:sticky;bottom:-20px;background:var(--card);padding:12px 0 0;margin-top:4px;border-top:1px solid var(--line)}.brand .live{margin-left:auto}.grid>*{min-width:0}.chart{max-width:100%}@media (max-width: 800px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:40;height:auto;flex-direction:column;flex-wrap:nowrap;gap:8px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{padding:0}.sidebar .nav{flex-direction:row!important;overflow-x:auto;gap:4px!important;scrollbar-width:none;margin:0 -4px;padding:0 4px}.sidebar .nav::-webkit-scrollbar{display:none}.sidebar .nav a{flex:none;padding:6px 10px;white-space:nowrap}.sidebar .nav a.active{box-shadow:inset 0 -2px 0 var(--accent)}.sidebar .nav .sep,.sidebar .spacer{display:none}.sidebar .userbox{display:flex;align-items:center;justify-content:space-between;border-top:0;padding:0;position:absolute;top:10px;right:12px}.sidebar .userbox>div:first-child{display:none}.sidebar .userbox .row{margin-top:0!important}.sidebar .brand .live{margin-left:8px}.main{padding:14px 14px 40px}.topbar{margin-bottom:12px}.modal{padding:14px}.modal-bg{padding:8px}}@media (max-width: 800px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:12px}.kpi .value{font-size:21px}.kpi .sub{font-size:11.5px}}.ms-button{padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238b98ab' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.ms-button>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi .spark{width:100%}