:root{--bg:#f5f4f1;--surface:#fff;--border:#e0ddd7;--text:#3f3b36;--text-strong:#1c1b19;--text-muted:#6b655c;--accent:#f59e0b;--accent-deep:#b45309;--on-accent:#1c1b19;--primary:#eeba77;--primary-hover:#fad49e;--on-primary:#523a1b;--danger-bg:#fde8e4;--on-danger:#9a2c1a;--ok-bg:#e7f0e4;--on-ok:#2f5227;--shadow:0 1px 2px #1c1b190d, 0 1px 3px #1c1b1914;--field-bg:#f5f4f1;--pill-neutral-bg:#efeae0;--pill-warn-bg:#fbeccd;--on-pill-warn:#7a4b12;--pill-info-bg:#e3eaf1;--on-pill-info:#2f4d6b;--btn-bg:#efe9dd;--btn-bg-hover:#f7f2e8;--btn-border:#c3bcaf;--select-bg:#faefda66;--select-bg-hover:#f7e0b499;--shadow-btn:0 2px 3px #1c1b1938, 0 1px 2px #1c1b191a;--shadow-btn-hover:0 3px 6px #1c1b193d, 0 1px 3px #1c1b191a;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--radius:6px;--gap:20px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1c1b19;--surface:#292725;--border:#3d3a36;--text:#d6d1ca;--text-strong:#faf8f5;--text-muted:#a29b91;--accent:#f59e0b;--accent-deep:#fbbf24;--on-accent:#1c1b19;--primary:#cf7e13;--primary-hover:#f59e0b;--on-primary:#2b1d07;--danger-bg:#7a2718;--on-danger:#fcd9d1;--ok-bg:#2c4526;--on-ok:#cfe3c9;--shadow:none;--field-bg:#1c1b19;--pill-neutral-bg:#322f2b;--pill-warn-bg:#4a3617;--on-pill-warn:#f7e3c2;--pill-info-bg:#2c3a47;--on-pill-info:#cfdeeb;--btn-bg:#4a4640;--btn-bg-hover:#565149;--btn-border:#57514a;--select-bg:#35322e;--select-bg-hover:#403c37;--shadow-btn:0 2px 4px #0000008f;--shadow-btn-hover:0 3px 8px #0000009e}}:root[data-theme=dark]{--bg:#1c1b19;--surface:#292725;--border:#3d3a36;--text:#d6d1ca;--text-strong:#faf8f5;--text-muted:#a29b91;--accent:#f59e0b;--accent-deep:#fbbf24;--on-accent:#1c1b19;--primary:#cf7e13;--primary-hover:#f59e0b;--on-primary:#2b1d07;--danger-bg:#7a2718;--on-danger:#fcd9d1;--ok-bg:#2c4526;--on-ok:#cfe3c9;--shadow:none;--field-bg:#1c1b19;--pill-neutral-bg:#322f2b;--pill-warn-bg:#4a3617;--on-pill-warn:#f7e3c2;--pill-info-bg:#2c3a47;--on-pill-info:#cfdeeb;--btn-bg:#4a4640;--btn-bg-hover:#565149;--btn-border:#57514a;--select-bg:#35322e;--select-bg-hover:#403c37;--shadow-btn:0 2px 4px #0000008f;--shadow-btn-hover:0 3px 8px #0000009e}:root{font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.theme-switching *{transition:none!important}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{color:var(--text-strong);margin:0;line-height:1.2}h1{letter-spacing:-.01em;font-size:28px}h2{font-size:17px}h3{letter-spacing:.09em;text-transform:uppercase;color:var(--accent-deep);font-size:12px;font-weight:700}p{margin:0}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}.container{box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding:32px 24px 80px}.app-header{border-top:3px solid var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;padding-top:20px;display:flex}.app-header p{color:var(--accent-deep);letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:13px}.header-actions{align-items:stretch;gap:8px;display:flex}.theme-toggle{width:46px;color:var(--text-strong);justify-content:center;align-items:center;padding:0;display:inline-flex}.job-form,.filter-section,.batch-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:var(--gap);padding:24px}.controls-row{gap:var(--gap);grid-template-columns:1fr;display:grid}.controls-row>*{margin-bottom:0}@media (width>=720px){.controls-row{grid-template-columns:3fr 2fr}}.job-form h3,.filter-section h3,.batch-section h3{margin-bottom:16px}.job-form-fields{gap:16px;display:grid}.form-actions{justify-content:flex-end;margin-top:20px;display:flex}input,select,button{font:inherit;border-radius:var(--radius);border:1px solid var(--border)}input,select{width:100%;color:var(--text);box-sizing:border-box;padding:11px 12px}input{background:var(--field-bg)}input:focus{background:var(--surface)}select{background:var(--select-bg);border-color:var(--btn-border);cursor:pointer}select:hover,select:active{background:var(--select-bg-hover);border-color:var(--text-muted)}input::placeholder{color:var(--text-muted)}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700;display:block}.field-label input,.field-label select{letter-spacing:normal;text-transform:none;margin-top:7px;font-size:16px;font-weight:400}button{background:var(--btn-bg);border-color:var(--btn-border);color:var(--text-strong);cursor:pointer;box-shadow:var(--shadow-btn);padding:11px 18px;font-weight:600;transition:background .12s,border-color .12s,box-shadow .12s,transform 60ms}button:hover{background:var(--btn-bg-hover);border-color:var(--text-muted);box-shadow:var(--shadow-btn-hover)}button:active{background:var(--btn-bg-hover);border-color:var(--text-muted);box-shadow:none;transform:translateY(1px)}.button-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.button-primary:hover,.button-primary:active{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary)}button:disabled{color:var(--text-muted);background:var(--surface);border-color:var(--border);box-shadow:none;cursor:not-allowed}button:disabled:hover,button:disabled:active{background:var(--surface);border-color:var(--border);box-shadow:none;transform:none}@media (prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}}.filter-section .filter-controls,.batch-section .batch-controls{align-items:end;gap:16px;display:grid}@media (width>=720px){.job-form-fields{grid-template-columns:2fr 1fr 1fr 1fr;align-items:end}.filter-section .filter-controls{grid-template-columns:2fr 1fr}.batch-section .batch-controls{grid-template-columns:1fr auto}}.jobs-list{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:32px;display:grid}.job-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:18px;padding:24px;display:flex}.job-card.is-overdue{border-left:3px solid var(--accent)}.job-card-head{align-items:flex-start;gap:14px;display:flex}.job-card-head h2{flex:1}.select-label{border-radius:var(--radius);box-sizing:border-box;letter-spacing:.08em;text-transform:uppercase;min-height:44px;color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;margin:-10px -12px -10px 0;padding:0 12px;font-size:11px;font-weight:700;display:flex}.select-label:hover,.select-label:active{background:var(--field-bg);color:var(--text-strong)}.select-label input{width:18px;height:18px;accent-color:var(--accent-deep);cursor:pointer}.job-meta{grid-template-columns:auto 1fr;gap:10px 20px;margin:0;font-size:14px;display:grid}.job-meta dt{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding-top:2px;font-size:11px;font-weight:700}.job-meta dd{color:var(--text);margin:0}.job-card-actions{gap:12px;margin-top:auto;display:grid}.pill{letter-spacing:.07em;text-transform:uppercase;border:1px solid #0000;border-radius:3px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.pill-submitted{background:var(--pill-info-bg);color:var(--on-pill-info)}.pill-in-progress{background:var(--accent);color:var(--on-accent)}.pill-completed{background:var(--ok-bg);color:var(--on-ok)}.pill-low{background:var(--pill-neutral-bg);color:var(--text-muted);border-color:var(--border)}.pill-medium{background:var(--pill-warn-bg);color:var(--on-pill-warn)}.pill-high{background:var(--surface);color:var(--accent-deep);border-color:var(--accent-deep)}.badge-overdue{background:var(--danger-bg);color:var(--on-danger);letter-spacing:.07em;text-transform:uppercase;border-radius:3px;margin-left:10px;padding:3px 9px;font-size:11px;font-weight:700}.error-banner{background:var(--danger-bg);color:var(--on-danger);border:1px solid #0000;border-left:3px solid var(--on-danger);border-radius:var(--radius);margin-bottom:var(--gap);padding:14px 20px;font-size:14px}.loading,.jobs-empty{color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;margin-top:32px;padding:48px 20px;font-size:14px}
