:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f9;--surface:#fff;--surface-muted:#f8fafc;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;--accent:#2563eb;--accent-hover:#1d4ed8;--sidebar-bg:#fff;--sidebar-border:#e2e8f0;--nav-hover:#f1f5f9;--nav-active-bg:#eff6ff;--nav-active-text:#1d4ed8;--err:#dc2626;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{min-height:100vh}.layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;gap:8px;padding:20px;display:flex;box-shadow:1px 0 #0f172a0a}.sidebar h2{color:var(--text);margin:0 0 8px;font-size:1.125rem}.nav{color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.nav:hover{background:var(--nav-hover);color:var(--text)}.nav.active{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:500}.main{background:var(--bg);padding:20px}.topbar{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:0 1px 2px #0f172a0a}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:500}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.grid a.panel{color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}.grid a.panel:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f}.auth{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-card{gap:8px;width:100%;max-width:420px;display:grid}input,select,textarea{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px}textarea:focus,input:focus,select:focus{outline-offset:0;border-color:var(--accent);outline:2px solid #2563eb40}label{color:var(--text);gap:6px;display:grid}small.err{color:var(--err)}.form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:10px 0 14px;display:grid}.form-stack{flex-direction:column;gap:12px;margin-top:16px;display:flex}.check-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:10px 0;display:grid}table{border-collapse:collapse;width:100%;margin-top:10px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.8125rem;font-weight:600}.split{grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;display:grid}.split .panel h3{color:var(--text);margin-top:0;font-size:1rem}.json-textarea{resize:vertical;background:var(--surface-muted);border:1px solid var(--border);min-height:280px;color:var(--text);white-space:pre;overflow-wrap:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.5;overflow-x:auto}.json-textarea:read-only{cursor:default}.json-textarea.json-textarea--invalid{border-color:var(--err);outline:2px solid #dc262633}@media (width<=900px){.layout,.split{grid-template-columns:1fr}}.chip{text-transform:uppercase;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.chip-pending{color:#475569;background:#f1f5f9}.chip-running{color:#d97706;background:#fef3c7}.chip-done{color:#166534;background:#dcfce3}.chip-failed{color:#991b1b;background:#fee2e2}.dropzone{border:2px dashed var(--border);text-align:center;background:var(--surface-muted);cursor:pointer;border-radius:12px;margin-top:16px;padding:40px;transition:all .2s}.dropzone:hover,.dropzone.active{border-color:var(--accent);background:var(--nav-active-bg)}.dropzone p{color:var(--text-muted);pointer-events:none;margin:0}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0f172a66;place-items:center;display:grid;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:12px;width:100%;max-width:500px;padding:24px;animation:.2s ease-out slide-up;box-shadow:0 10px 25px #0000001a}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.flex-row{align-items:center;gap:12px;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.text-lg{margin-bottom:12px;font-size:1.125rem;font-weight:600}.text-danger{color:var(--err)}.text-muted{color:var(--text-muted)}.dialog-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--surface-muted)}.btn-danger{background:var(--err)}.btn-danger:hover:not(:disabled){background:#b91c1c}