:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fa;--panel:#fff;--panel-soft:#fbfcfe;--line:#dde2ea;--line-soft:#e9ecf2;--text:#151b2c;--muted:#667085;--primary:#147d6c;--primary-strong:#0b5c4f;--primary-soft:#e4f5f1;--accent:#2f9c89;--danger:#c0281c;--danger-soft:#feeceb;--success:#0a6b4f;--success-soft:#e6f7f0;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-xs:0 1px 2px #151b2c0d;--shadow-sm:0 2px 8px #151b2c0f;--shadow-md:0 10px 28px #151b2c14;--shadow-lg:0 24px 60px #151b2c24;--shadow:var(--shadow-md)}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(1100px 520px at 12% -10%, #147d6c14, transparent 60%), radial-gradient(900px 480px at 100% 0%, #2f9c890f, transparent 55%), var(--bg);color:var(--text);letter-spacing:-.01em;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s}button:active:not(:disabled){transform:translateY(0)scale(.98)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);gap:22px;width:100%;max-width:400px;padding:32px;display:grid}.settings-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:18px;max-width:720px;padding:24px;display:grid}.settings-list{gap:16px;display:grid}.eyebrow{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700;line-height:1.15}h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700;line-height:1.2}.field{gap:8px;display:grid}.field span{color:var(--muted);font-size:14px;font-weight:600}.field input,.field select{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:44px;padding:0 12px;transition:border-color .16s,box-shadow .16s,background .16s}.field input:hover,.field select:hover{border-color:#c2cad8}.field input:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:#fff;outline:none}.primary-button,.backup-button,.download-button,.icon-button,.crumb,.name-button{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.primary-button{background:linear-gradient(180deg, var(--accent), var(--primary));border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#fff;min-height:44px;font-weight:700;text-decoration:none}.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #147d6c3d}.login-link{gap:8px}.settings-save{justify-self:start;gap:8px;padding:0 16px}.job-heading,.form-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-actions{justify-content:flex-start}.toggle-field{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.switch-field{color:var(--text);flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;font-weight:600;display:flex}.switch{display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch-track{background:#cbd3de;border-radius:999px;width:46px;height:26px;transition:background .16s;display:inline-block;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a59}.switch input:checked+.switch-track{background:var(--primary)}.switch input:checked+.switch-track:after{transform:translate(20px)}.switch input:focus-visible+.switch-track{box-shadow:0 0 0 3px #146c5f40}.secondary-button{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--danger);cursor:pointer;background:#fff;align-items:center;gap:8px;min-height:44px;padding:0 16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.secondary-button:hover{box-shadow:var(--shadow-xs);border-color:#f0aca4;transform:translateY(-1px)}.form-error,.alert,.notice{background:var(--danger-soft);border:1px solid #f6b4ac;border-left:3px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);margin:0;padding:10px 12px;font-size:14px}.notice{background:var(--success-soft);border-color:#a3e0c6;border-left-color:var(--success);color:var(--success)}.toast-stack{z-index:50;gap:10px;width:min(420px,100vw - 32px);display:grid;position:fixed;top:22px;right:22px}.toast{border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);cursor:pointer;text-align:left}.toast:hover{transform:translateY(-1px)}.browser-shell{gap:18px;max-width:1180px;margin:0 auto;padding:32px 28px;display:grid}.topbar,.pathbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar{border-bottom:1px solid var(--line-soft);padding-bottom:18px}.title-stack{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(160deg, var(--primary-soft), #d4efe8);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);color:var(--primary-strong);border:1px solid #b7e0d5;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.toolbar,.row-actions{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);background:#fff;width:40px;height:40px;text-decoration:none}.icon-button:hover{box-shadow:var(--shadow-sm);border-color:#b7c0cf;transform:translateY(-1px)}.icon-button:disabled{background:var(--panel-soft);border-color:var(--line-soft);color:#b3bbc9;cursor:not-allowed;transform:none}.icon-button.danger{color:var(--danger)}.icon-button.danger:hover{background:var(--danger-soft);border-color:#f0aca4}.backup-button,.download-button{background:linear-gradient(180deg, var(--accent), var(--primary));border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#fff;gap:8px;min-height:40px;padding:0 14px;font-weight:600;text-decoration:none}.backup-button:hover,.download-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #146c5f38}.backup-button:disabled{box-shadow:none;cursor:not-allowed;background:#a6b4b0;transform:none}.secondary-action-button{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:#fff;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:600;display:inline-flex}.secondary-action-button:hover{box-shadow:var(--shadow-sm);border-color:#b7c0cf;transform:translateY(-1px)}.ghost-button{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-weight:600;display:inline-flex}.ghost-button:hover{background:var(--line-soft);color:var(--text)}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);gap:16px;width:100%;max-width:420px;padding:24px;display:grid}.modal-panel.lg{max-width:640px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-grid .span-2{grid-column:1/-1}@media (max-width:560px){.field-grid{grid-template-columns:1fr}}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stats-grid div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);gap:4px;min-height:86px;padding:18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.stats-grid div:hover{box-shadow:var(--shadow-sm);border-color:#b7e0d5;transform:translateY(-2px)}.stats-grid span{color:var(--muted);font-size:13px;font-weight:600}.stats-grid strong{letter-spacing:-.02em;font-size:26px;font-weight:700}.progress-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);gap:10px;padding:18px;display:grid}.progress-copy{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-copy strong{font-size:14px}.progress-copy span{color:var(--muted);font-size:13px}.progress-track{background:#e5e9ef;border-radius:999px;height:10px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--primary), #2f9c89);border-radius:inherit;height:100%;transition:width .22s;display:block;position:relative}.progress-track span:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:1.1s linear infinite progress-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes progress-shine{to{transform:translate(100%)}}.pathbar{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius-md);justify-content:flex-start;min-height:54px;padding:7px;overflow-x:auto}.crumb{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);background:#fff;min-height:34px;padding:0 12px;font-weight:600;transition:border-color .16s,color .16s}.crumb:hover{border-color:var(--primary);color:var(--primary-strong)}.crumb:last-of-type{background:var(--primary-soft);color:var(--primary-strong);border-color:#b7e0d5}.muted{color:var(--muted)}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle;padding:15px 16px}th{background:var(--panel-soft);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}td{font-size:14px}tr:last-child td{border-bottom:0}tbody tr{transition:background .12s}tbody tr:hover{background:var(--panel-soft)}.name-button,.file-name{color:var(--text);align-items:center;gap:10px;min-width:0;font-weight:500;display:inline-flex}.name-button{background:0 0;padding:0}.name-button svg{color:var(--primary)}.name-button:hover{color:var(--primary-strong)}.name-button:hover span{text-decoration:underline}.file-name span,.name-button span{overflow-wrap:anywhere}.empty{color:var(--muted);text-align:center;padding:32px 16px}.jobs-toolbar{justify-content:flex-end;align-items:center;gap:12px;display:flex}.jobs-toolbar .notice{flex:1;margin:0}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.status-pill{letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.status-pill.on{background:var(--success-soft);color:var(--success)}.status-pill.off{background:var(--line-soft);color:var(--muted)}.modal-panel .settings-list{gap:14px}.modal-panel .field span,.modal-panel .switch-field{font-size:15px}.modal-panel .field input,.modal-panel .field select{min-height:36px;padding:0 10px;font-size:16px}@media (max-width:640px){.browser-shell{padding:18px}.topbar{flex-direction:column;align-items:flex-start}.toolbar{flex-wrap:wrap;width:100%}.backup-button,.secondary-action-button{flex:1}.modal-panel{max-width:none}.stats-grid{grid-template-columns:1fr}}
