:root{--bg:#0d1117;--panel:#161b22;--panel2:#1c2333;--border:#2a3140;--text:#e6edf3;--muted:#8b949e;--green:#3fb950;--amber:#d29922;--red:#f85149;--blue:#4493f8}*{box-sizing:border-box}body *{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;max-height:999999px}html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:var(--blue);text-decoration:none}button{cursor:pointer}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.metric-value{font-size:32px;font-weight:700;line-height:1.2}.muted{color:var(--muted)}.btn{border:1px solid var(--border);background:var(--panel2);min-height:42px;color:var(--text);border-radius:8px;padding:9px 16px;font-size:14px;transition:background .15s;display:inline-block}.btn:hover{background:#242c40}.btn-primary{background:#1f6feb;border-color:#388bfd26}.btn-primary:hover{background:#2a7fee}.btn-danger{background:#b62324;border-color:#f8514922}.btn-danger:hover{background:#da3633}.btn-on{background:#238636;border-color:#3fb95033}.btn-off{background:var(--panel2)}.input{border:1px solid var(--border);background:var(--bg);width:100%;min-height:44px;color:var(--text);border-radius:8px;padding:9px 12px;font-size:15px}.input:focus{border-color:var(--blue);outline:2px solid #1f6feb66}table.data{border-collapse:collapse;width:100%;font-size:14px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);white-space:normal;padding:10px 12px}table.data th{color:var(--muted);font-weight:600}.dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.dot-online{background:var(--green)}.dot-offline{background:var(--muted)}.navbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:10;flex-wrap:wrap;align-items:center;gap:4px;padding:10px 14px;display:flex;position:sticky;top:0}.navbar a{color:var(--text);border-radius:8px;padding:9px 13px;font-size:14px}.navbar a.active{background:var(--panel2);color:var(--blue)}.nav-spacer{flex:1}.container{max-width:1080px;margin:0 auto;padding:16px}.grid-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.alert-error{color:#ffa198;background:#f8514918;border:1px solid #f8514944;border-radius:8px;margin:8px 0;padding:10px 14px;font-size:14px}.alert-ok{color:#7ee787;background:#3fb95018;border:1px solid #3fb95044;border-radius:8px;margin:8px 0;padding:10px 14px;font-size:14px}