:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--border:#2a2f3a;--text:#e6e8ec;--muted:#9aa3b2;--accent:#4f8cff;--accent-hover:#3b78ec;--danger:#ff5c5c;--danger-hover:#e04848;--ok:#3ecf8e;--warn:#f0b429;--radius:10px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:8px;padding:8px 14px;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.danger{color:var(--danger);background:0 0;border-color:#0000}button.danger:hover:not(:disabled){border-color:var(--danger)}input,select{font:inherit;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;width:100%;padding:9px 12px}input:focus{border-color:var(--accent);outline:none}.container{max-width:960px;margin:0 auto;padding:24px 20px 64px}.topbar{border-bottom:1px solid var(--border);background:var(--panel)}.topbar-inner{align-items:center;gap:20px;max-width:960px;margin:0 auto;padding:14px 20px;display:flex}.brand{letter-spacing:.3px;font-weight:700}.nav{flex:1;gap:16px;display:flex}.nav a{color:var(--muted);padding:4px 2px}.nav a.active{color:var(--text);border-bottom:2px solid var(--accent)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:20px}.row{align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}h1{margin:0 0 4px;font-size:22px}h2{margin:0 0 12px;font-size:16px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}th{color:var(--muted);font-size:13px;font-weight:600}.badge{border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge.ready{color:var(--ok);border-color:var(--ok)}.badge.processing{color:var(--warn);border-color:var(--warn)}.badge.failed{color:var(--danger);border-color:var(--danger)}.dot{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.dot.online{background:var(--ok)}.dot.offline{background:var(--muted)}.thumb{width:64px;height:40px;color:var(--muted);background:linear-gradient(135deg,#2a2f3a,#171a21);border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:flex}.progress{background:var(--panel-2);border-radius:999px;height:6px;overflow:hidden}.progress>span{background:var(--accent);height:100%;transition:width .2s;display:block}.drag-handle{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none}tr.dragging{opacity:.4}tr.drop-target td{border-top:2px solid var(--accent)}.error{color:var(--danger);font-size:14px}.notice{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:10px 12px}.code{letter-spacing:4px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{width:100%;max-width:360px}.field{margin-bottom:14px}.field label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.spread{justify-content:space-between;align-items:center;display:flex}