:root{--bg: #0d0f14;--bg2: #161922;--bg3: #1e2330;--border: #2a3045;--accent: #3b82f6;--accent-hover: #2563eb;--accent2: #10b981;--warn: #f59e0b;--danger: #ef4444;--text: #edf2f7;--text2: #a8bbd0;--text3: #7e93aa;--radius: 8px;--radius-sm: 4px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}button{cursor:pointer;border:none;border-radius:var(--radius-sm);padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s,opacity .15s}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-success{background:var(--accent2);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{background:var(--bg3);color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--border);color:var(--text)}.btn-warning{background:#d97706;color:#fff}.btn-warning:hover:not(:disabled){background:#b45309}input,select,textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:7px 10px;font-size:13px;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.block{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.block-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text2);margin-bottom:12px;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.ok{background:var(--accent2)}.status-dot.err{background:var(--danger)}.status-dot.idle{background:var(--text3)}.status-dot.warn{background:var(--warn)}.tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.tag-green{background:#064e3b;color:#6ee7b7}.tag-blue{background:#1e3a5f;color:#93c5fd}.tag-red{background:#450a0a;color:#fca5a5}.tag-gray{background:var(--bg3);color:var(--text3)}.tag-yellow{background:#422006;color:#fcd34d}.log-area{background:#09090b;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;font-family:Consolas,Courier New,monospace;font-size:12px;color:#86efac;height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.flex-row{display:flex;align-items:center;gap:8px}.flex-col{display:flex;flex-direction:column;gap:8px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.text-sm{font-size:12px}.text-muted{color:var(--text2)}.text-danger{color:var(--danger)}.text-success{color:var(--accent2)}.w-full{width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}