*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:#0a0a0f;color:#e2e8f0;padding:20px}.container{max-width:1100px;margin:0 auto}h1{text-align:center;margin-bottom:20px;font-size:24px}h1,h2{color:#38bdf8}h2{font-size:18px;margin-bottom:10px;border-bottom:1px solid #1e293b;padding-bottom:8px;display:flex;justify-content:space-between;align-items:center}.panel{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:20px}.panel,.tabs{margin-bottom:20px}.tabs{display:flex;gap:0;border-bottom:2px solid #1e293b}.tab{padding:10px 24px;cursor:pointer;color:#94a3b8;font-size:14px;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:#e2e8f0}.tab.active{color:#38bdf8;border-bottom-color:#38bdf8}.control{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}input[type=number],input[type=password],input[type=text]{padding:10px 14px;border-radius:6px;border:1px solid #334155;background:#0f172a;color:#fff;font-size:14px}input[type=number]{width:100px;text-align:center}input[type=password],input[type=text]{width:280px}button{background:#2563eb;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}button:hover{background:#1d4ed8}button:disabled{background:#374151;cursor:not-allowed;color:#6b7280}button.small{padding:5px 10px;font-size:12px}button.green{background:#10b981}button.green:hover{background:#059669}button.red{background:#dc2626}button.red:hover{background:#b91c1c}.status{text-align:center;margin-top:14px;font-family:monospace;font-size:14px;color:#38bdf8}.terminal{background:#000;color:#0f0;padding:14px;border-radius:8px;height:320px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px;border:1px solid #1f2937;line-height:1.5}.terminal p{word-wrap:break-word;margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.card{background:#111827;border:1px solid #1e293b;border-radius:8px;padding:16px;position:relative}.card h3{color:#38bdf8;font-size:15px;border-bottom:1px solid #1e293b;padding-bottom:8px;margin-bottom:10px}.row{margin-bottom:6px;font-size:13px}.label{color:#94a3b8;display:inline-block;width:55px}.val{color:#e2e8f0;word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all}.badge{position:absolute;top:-8px;right:-8px;background:#10b981;color:#fff;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700}.actions{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.config-grid{display:grid;grid-template-columns:120px 1fr;grid-gap:10px;gap:10px;align-items:center;max-width:600px;margin:0 auto}.config-grid label{color:#94a3b8;font-size:13px;text-align:right}.checkbox-row{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:10px;color:#94a3b8;font-size:13px}.checkbox-row input{width:16px;height:16px;cursor:pointer}.toast{position:fixed;bottom:20px;right:20px;background:#10b981;color:#fff;padding:12px 20px;border-radius:6px;font-size:14px;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:1000;opacity:0;transition:opacity .3s;pointer-events:none}.toast.show{opacity:1}.toast.err{background:#dc2626}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:8px 12px;text-align:left;border-bottom:1px solid #1e293b}th{color:#94a3b8;font-weight:600}td{color:#e2e8f0}.enabled{color:#10b981}.disabled{color:#ef4444}.dash{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px;margin-bottom:20px}.metric{background:#111827;border:1px solid #1e293b;border-radius:10px;padding:14px 18px}.metric-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.metric-title{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.metric-value{color:#e2e8f0;font-size:28px;font-weight:700;font-family:Courier New,monospace}.metric-value .sub{color:#64748b;font-size:16px;font-weight:400}.metric-sub{color:#64748b;font-size:11px;margin-top:4px;min-height:14px}.bar{height:6px;border-radius:3px;background:#1e293b;overflow:hidden;margin-top:8px}.bar>div{height:100%;background:linear-gradient(90deg,#38bdf8,#10b981);transition:width .3s}.bar.warn>div{background:linear-gradient(90deg,#f59e0b,#ef4444)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:middle}.dot.ok{background:#10b981;box-shadow:0 0 6px #10b981}.dot.warn{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.dot.err{background:#ef4444;box-shadow:0 0 6px #ef4444}.dot.idle{background:#64748b}.dot.busy{background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-family:Courier New,monospace;background:#1e293b;color:#94a3b8}.tag.ok{background:#064e3b;color:#6ee7b7}.tag.warn{background:#78350f;color:#fcd34d}