:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:#e6e6e6;background:#07090d;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px}#root{max-width:1080px;margin:0 auto;padding:24px 16px 48px}.subtitle{color:#8a93a3;font-size:12px;line-height:1.5}h2{margin:0 0 6px;font-size:18px}.dash{color:#e6e6e6;background:#0f1115;border:1px solid #262a33;border-radius:12px;padding:0;font-size:13px;overflow:hidden}.topbar{background:#161922;border-bottom:1px solid #262a33;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.brand{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.brand .dot{background:#27c93f;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #27c93f}.brand .dot.off{background:#ee7b80;box-shadow:0 0 8px #ee7b80}.brand .dot.warn{background:#e8b339;box-shadow:0 0 8px #e8b339}.pills{align-items:center;gap:8px;display:flex}.pill{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.pill .d{border-radius:50%;width:7px;height:7px}.pill.ok{color:#7ee29a;background:#10311a}.pill.ok .d{background:#27c93f}.pill.warn{color:#e8c468;background:#3a2e10}.pill.warn .d{background:#e8b339}.pill.err{color:#ee7b80;background:#3a1416}.pill.err .d{background:#ee7b80}.logout{color:#8a93a3;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px}.logout:hover{color:#cdd3dd}.grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;display:grid}.stat{background:#161922;border:1px solid #262a33;border-radius:10px;padding:14px}.stat .label{text-transform:uppercase;letter-spacing:.06em;color:#8a93a3;font-size:10px}.stat .big{margin-top:4px;font-size:20px;font-weight:700}.stat .sub{color:#8a93a3;margin-top:2px;font-size:11px}.row{grid-template-columns:1.5fr 1fr;gap:12px;padding:0 16px 16px;display:grid}.panel{background:#161922;border:1px solid #262a33;border-radius:10px;padding:14px}.panel h4{text-transform:uppercase;letter-spacing:.05em;color:#aab2c0;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:12px;display:flex}.btn{color:#fff;cursor:pointer;background:#2a6df4;border:none;border-radius:7px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn.ghost{color:#cdd3dd;background:#222734}.btn.danger{color:#ee7b80;background:#3a1416}.uitem{border:1px solid #21252e;border-radius:8px;margin-bottom:8px;overflow:hidden}.uhead{cursor:pointer;background:#11141b;justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.uhead:hover{background:#141822}.uname{align-items:center;gap:8px;font-weight:600;display:flex}.chev{color:#8a93a3;font-size:11px}.ubody{background:#0d0f14;border-top:1px solid #21252e;padding:11px}.ku{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.kv{font-size:11px}.kv .k{color:#8a93a3;text-transform:uppercase;letter-spacing:.05em;font-size:9px}.kv .v{color:#dfe4ea}.croncard{background:#11141b;border:1px solid #242936;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 10px;font-size:12px;display:flex}.sw{cursor:pointer;background:#27c93f;border:none;border-radius:999px;flex:none;width:32px;height:17px;padding:0;position:relative}.sw.off{background:#3a3f4b}.sw:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;position:absolute;top:2px;right:2px}.sw.off:after{left:2px;right:auto}.sw:disabled{opacity:.55;cursor:not-allowed}.muted{color:#8a93a3}.add{background:#11141b;border:1px dashed #2e3440;border-radius:8px;margin-top:6px;padding:12px}.f{align-items:center;gap:8px;margin-bottom:8px;display:flex}.inp{color:#e6e6e6;background:#0d0f14;border:1px solid #2e3440;border-radius:6px;flex:1;padding:6px 9px;font-family:inherit;font-size:12px}.inp:focus{border-color:#2a6df4;outline:none}textarea.inp{resize:vertical;min-height:46px;font-family:inherit}.toggle{color:#cdd3dd;align-items:center;gap:7px;font-size:12px;display:flex}.qr{background:#fff;border:6px solid #fff;border-radius:8px;justify-content:center;align-items:center;width:116px;height:116px;margin:6px auto;display:flex}.qr img,.qr canvas{width:100%;height:100%;display:block}.qr.placeholder{background:repeating-linear-gradient(45deg,#fff,#fff 5px,#0d0f14 5px 10px)}.pairing{letter-spacing:.16em;color:#7ee29a;margin:6px 0;font-family:ui-monospace,monospace;font-size:16px;font-weight:700}.sysrow{border-bottom:1px solid #21252e;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.alert-card{background:#11141b;border:1px solid #2e3440;border-radius:8px;margin-bottom:8px;padding:10px}.alert-head{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.badge{border-radius:5px;margin-right:6px;padding:2px 7px;font-size:10px;font-weight:700}.badge.error{color:#ee7b80;background:#3a1416}.badge.warn{color:#e8c468;background:#3a2e10}.logblock{color:#9aa4b2;white-space:pre-wrap;background:#07090d;border-radius:6px;margin-top:8px;padding:8px;font-family:ui-monospace,monospace;font-size:10.5px;line-height:1.5;overflow-x:auto}.unread-dot{vertical-align:middle;background:#2a6df4;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.link{color:#5b9bff;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit}.link:hover{text-decoration:underline}.login-wrap{justify-content:center;align-items:center;min-height:70vh;display:flex}.login-card{text-align:center;background:#161922;border:1px solid #262a33;border-radius:12px;width:320px;padding:28px}.login-card .brand{justify-content:center;margin-bottom:16px}.login-card .inp{text-align:center;width:100%;margin-bottom:12px}.login-card .btn{width:100%}.login-error{color:#ee7b80;min-height:16px;margin-top:10px;font-size:12px}.toasts{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:#161922;border:1px solid #2e3440;border-left:3px solid #2a6df4;border-radius:8px;max-width:320px;padding:10px 14px;font-size:12px;box-shadow:0 6px 20px #0006}.toast.error{border-left-color:#ee7b80}.toast.success{border-left-color:#27c93f}.spin{animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.grid{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr}}