:root,html[data-theme=classic-dark]{--c-black-l: #141214;--c-black: #010001;--c-grey-500: #1e1e1e;--c-grey-400: #262626;--c-grey-300: #363636;--c-grey-300-rgb: 54, 54, 54;--c-grey-200: #3d3d3d;--c-grey-100: #454545;--c-color-grey-l: #dadbdb;--c-color-grey: #a0a0a0;--c-grey: #252426;--c-lblack: #262628;--c-text-primary: #ffffff;--c-highlight: #6038b4;--c-highlight-soft: rgba(96, 56, 180, .2);--c-highlight-contrast: #f7f1ff;--c-accent: #f0c46a;--c-success: #8fd3ac;--c-success-soft: #1f4d373d;--c-success-strong: #3ea371;--c-success-contrast: #08150f;--c-info: #8eb9ff;--c-info-soft: #18355e33;--c-info-strong: #4f88e8;--c-info-contrast: #06111f;--c-warning: #f1c97a;--c-warning-soft: #6a4b142e;--c-warning-strong: #d39a2f;--c-warning-contrast: #140d02;--c-danger: #f2a0a8;--c-danger-soft: #6b1e2733;--c-danger-strong: #c85765;--c-danger-contrast: #170507}html[data-theme=night-blue]{--c-black-l: #1e2437;--c-black: #171b2a;--c-grey-500: #252b3f;--c-grey-400: #2f3650;--c-grey-300: #3d4665;--c-grey-300-rgb: 61, 70, 101;--c-grey-200: #4a5579;--c-grey-100: #5b678f;--c-color-grey-l: #dde3f6;--c-color-grey: #aeb8d6;--c-grey: #2b324a;--c-lblack: #2a3047;--c-text-primary: #f2f5ff;--c-highlight: #6d8bff;--c-highlight-soft: rgba(109, 139, 255, .2);--c-highlight-contrast: #f5f7ff;--c-accent: #f0c46a;--c-success: #9adab9;--c-success-soft: #173f3140;--c-success-strong: #47a87d;--c-success-contrast: #071611;--c-info: #98c0ff;--c-info-soft: #19365a40;--c-info-strong: #5c90ea;--c-info-contrast: #07121f;--c-warning: #f4d08d;--c-warning-soft: #6d4f1933;--c-warning-strong: #d9a13b;--c-warning-contrast: #171004;--c-danger: #f2a8b3;--c-danger-soft: #5c202b36;--c-danger-strong: #ca6070;--c-danger-contrast: #17070a}html[data-theme=amber-noir]{--c-black-l: #171414;--c-black: #0f0c0c;--c-grey-500: #1f1b1b;--c-grey-400: #292323;--c-grey-300: #383030;--c-grey-300-rgb: 56, 48, 48;--c-grey-200: #49403f;--c-grey-100: #615453;--c-color-grey-l: #efe5da;--c-color-grey: #baa99c;--c-grey: #241f1f;--c-lblack: #1c1818;--c-text-primary: #f6eee3;--c-highlight: #6038b4;--c-highlight-soft: rgba(96, 56, 180, .2);--c-highlight-contrast: #f7f1ff;--c-accent: #f0c46a;--c-success: #9cd58c;--c-success-soft: #21381d40;--c-success-strong: #6fb55a;--c-success-contrast: #08150f;--c-info: #94b8f6;--c-info-soft: #1e315533;--c-info-strong: #5b88db;--c-info-contrast: #07101b;--c-warning: #efe27a;--c-warning-soft: #62571833;--c-warning-strong: #d4c63d;--c-warning-contrast: #171303;--c-danger: #f0a4a1;--c-danger-soft: #5e232833;--c-danger-strong: #cc676f;--c-danger-contrast: #180708}html[data-theme=mocaccino]{--c-black-l: #efe3d4;--c-black: #e5d2bb;--c-grey-500: #f4eadf;--c-grey-400: #eadccf;--c-grey-300: #dbc7b2;--c-grey-300-rgb: 219, 199, 178;--c-grey-200: #cfb59b;--c-grey-100: #bfa082;--c-color-grey-l: #6f5138;--c-color-grey: #8a6a4f;--c-grey: #dec9b2;--c-lblack: #e9dac9;--c-text-primary: #2a1f17;--c-highlight: #b57f50;--c-highlight-soft: rgba(181, 127, 80, .18);--c-highlight-contrast: #fff7ef;--c-accent: #f0c46a;--c-success: #5b8a66;--c-success-soft: #cfe4d2;--c-success-strong: #6f9b79;--c-success-contrast: #f7f0e7;--c-info: #5f84c7;--c-info-soft: #d7e4f7;--c-info-strong: #6f95d8;--c-info-contrast: #f6f8fc;--c-warning: #8e6b29;--c-warning-soft: #ead8b8;--c-warning-strong: #a77a2a;--c-warning-contrast: #fbf4e9;--c-danger: #9d5b5b;--c-danger-soft: #eccfcb;--c-danger-strong: #b56464;--c-danger-contrast: #fbf0ef}:root{--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--z-base: 1;--z-dropdown: 50;--z-sticky: 100;--z-fixed: 500;--z-overlay: 1000;--z-modal: 2000;--z-tooltip: 9999;--font-size-ui: .875rem;--font-size-meta: .75rem;--font-size-kicker: .6875rem;--font-size-title: 1.125rem;--space-micro: .125rem;--space-compact-x: .5rem;--space-compact-y: .375rem;--space-field-gap: .25rem;--control-height-sm: 2rem;--control-height-md: 2.5rem;--control-height-lg: 2.75rem;--control-padding-x: .75rem;--control-padding-y: .5rem;--control-padding-x-compact: .5rem;--control-padding-y-compact: .375rem;--control-select-indicator-space: 2.25rem;--control-textarea-min-height: 5.5rem;--panel-padding-sm: .75rem;--panel-padding-md: 1rem;--panel-padding-lg: 1.25rem;--tracking-ui-label: .14em;--focus-ring-width: 1px;--focus-ring-color: rgba(var(--c-grey-300-rgb), .24);--focus-border-color: rgba(var(--c-grey-300-rgb), .5);--focus-ring-shadow: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);--control-disabled-opacity: .55}:root{color-scheme:dark;font-family:IBM Plex Sans,Inter,Segoe UI,sans-serif;background:#080808;color:var(--c-text-primary)}*{box-sizing:border-box}html,body,#app{min-height:100vh}body{margin:0}button,input{font:inherit}code,pre{font-family:IBM Plex Mono,JetBrains Mono,monospace}.jobs-shell{min-height:100vh;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 14%),#080808}.jobs-main{display:grid;gap:16px;max-width:1760px;margin:0 auto}.topbar,.surface-panel{border-radius:8px;background:rgba(24,24,24,.98);border:1px solid rgba(255,255,255,.05);box-shadow:0 18px 48px #0000004d}.topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:start;gap:18px;padding:18px}.topbar-copy{min-width:0}.topbar-kicker,.panel-kicker{margin:0;color:var(--c-color-grey);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.topbar h1{margin:6px 0 0;font-size:2rem;line-height:1.08}.topbar p:last-child{margin:10px 0 0;color:var(--c-color-grey-l);max-width:76ch;line-height:1.55}.operator-card{display:flex;align-items:center;gap:14px;min-width:0;padding:12px;border-radius:8px;background:rgba(255,255,255,.025)}.avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#242424;color:var(--c-accent);font-weight:700}.operator-meta{display:grid;gap:4px;min-width:0}.operator-name,.operator-email,.operator-role{margin:0;overflow-wrap:anywhere}.operator-name{font-weight:700}.operator-email,.operator-role{color:var(--c-color-grey);font-size:.88rem}.operator-role span{color:var(--c-accent)}.operator-separator{width:1px;align-self:stretch;background:rgba(255,255,255,.08)}.operator-status{display:grid;gap:8px;min-width:128px}.status-line{display:flex;justify-content:space-between;gap:12px;color:var(--c-color-grey);font-size:.82rem}.status-line strong{color:var(--c-text-primary);overflow-wrap:anywhere}.surface-panel{padding:18px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-title{margin:6px 0 0;font-size:1.35rem}.panel-meta{margin:6px 0 0;color:var(--c-color-grey);font-size:.9rem;line-height:1.45}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-button{border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;transition:transform .14s ease,opacity .14s ease,background .14s ease}.admin-button:hover{transform:translateY(-1px)}.admin-button:disabled{opacity:.62;cursor:wait;transform:none}.admin-button.primary{background:#6038b4;color:#fff}.admin-button.secondary{background:rgba(255,255,255,.07);color:var(--c-text-primary)}.admin-button.ghost{background:rgba(255,255,255,.035);color:var(--c-color-grey-l);border:1px solid rgba(255,255,255,.06)}.admin-button.warn{background:rgba(200,87,101,.18);color:#ffd7db}.login-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px}.login-intro{padding:28px}.login-intro h2{margin:0;font-size:2rem;line-height:1.04}.login-intro p{margin:14px 0 0;color:var(--c-color-grey-l);max-width:64ch;line-height:1.6}.login-card{display:grid;align-content:start;gap:14px}.login-form{display:grid;gap:14px}.field{display:grid;gap:8px}.field label{color:var(--c-color-grey);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.field input{width:100%;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:12px 13px;background:rgba(255,255,255,.035);color:var(--c-text-primary);outline:none}.field input:focus{border-color:#6038b4cc;box-shadow:0 0 0 3px #6038b429}.error-banner{margin:0;padding:12px 14px;border-radius:8px;background:rgba(242,160,168,.12);color:#ffd5d7}.jobs-panel{display:grid;gap:16px}.jobs-flush-banner{padding:12px 14px;border-radius:8px;background:rgba(143,211,172,.1);color:var(--c-color-grey-l)}.jobs-flush-banner strong{color:var(--c-success)}.jobs-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{min-height:116px;padding:14px;border-radius:8px;background:rgba(255,255,255,.03)}.metric-label{margin:0;color:var(--c-color-grey);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.metric-value{margin:10px 0 0;font-size:2rem;font-weight:700}.metric-value.success{color:var(--c-success)}.metric-value.warning{color:var(--c-accent)}.metric-subtitle{margin:8px 0 0;color:var(--c-color-grey);font-size:.88rem}.jobs-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:14px;align-items:start}.jobs-queue-nav{display:grid;gap:10px;max-height:78vh;overflow:auto;padding-right:2px}.job-queue-card{display:grid;gap:8px;width:100%;min-height:112px;padding:14px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);color:inherit;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.job-queue-card:hover{transform:translateY(-1px);border-color:#ffffff24}.job-queue-card.active{background:rgba(96,56,180,.16);border-color:#6038b45c}.job-queue-card.paused{border-color:#f0c46a47}.job-queue-main{display:flex;justify-content:space-between;align-items:center;gap:10px}.job-queue-main strong{min-width:0;overflow-wrap:anywhere}.job-queue-counts{color:var(--c-color-grey);font-size:.84rem;line-height:1.45}.jobs-content{display:grid;gap:12px;min-width:0}.jobs-selected-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;border-radius:8px;background:rgba(255,255,255,.025)}.jobs-selected-head h3,.job-detail-panel h3{margin:6px 0 0;font-size:1.15rem}.jobs-state-tabs{display:grid;grid-template-columns:repeat(6,minmax(98px,1fr));gap:8px}.jobs-state-tabs button{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:46px;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px 12px;background:rgba(255,255,255,.025);color:var(--c-color-grey-l);cursor:pointer}.jobs-state-tabs button.active{border-color:#6038b46b;background:rgba(96,56,180,.16);color:var(--c-text-primary)}.jobs-state-tabs span,.jobs-state-tabs strong{min-width:0}.jobs-table-shell{overflow:auto;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02)}.admin-table{width:100%;border-collapse:collapse}.jobs-table{min-width:1100px}.admin-table thead{background:rgba(255,255,255,.03)}.admin-table th,.admin-table td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}.admin-table th{color:var(--c-color-grey);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.row-title{margin:0;font-weight:600}.row-meta{margin:4px 0 0;color:var(--c-color-grey);font-size:.84rem;line-height:1.35}.status-chip{display:inline-flex;align-items:center;border-radius:8px;padding:6px 9px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.status-chip.ok,.status-chip.active,.status-chip.completed{background:rgba(143,211,172,.14);color:var(--c-success)}.status-chip.paused,.status-chip.retry{background:rgba(240,196,106,.14);color:var(--c-accent)}.status-chip.pending,.status-chip.scheduled{background:rgba(120,170,255,.12);color:#9fc2ff}.status-chip.failed,.status-chip.archived{background:rgba(242,160,168,.14);color:var(--c-danger)}.payload-preview{display:inline-block;max-width:34ch;color:var(--c-color-grey-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}.admin-actions.compact{flex-wrap:nowrap}.admin-actions.compact .admin-button{padding:8px 10px}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-meta{margin:0;color:var(--c-color-grey);font-size:.9rem}.danger-text{color:var(--c-danger)}.job-detail-panel{padding:14px;border-radius:8px;background:rgba(255,255,255,.025)}.job-detail-panel pre{max-height:360px;overflow:auto;margin:0;padding:14px;border-radius:8px;background:rgba(0,0,0,.24);color:var(--c-color-grey-l);white-space:pre-wrap;overflow-wrap:anywhere}.empty-state{padding:24px;text-align:center;color:var(--c-color-grey)}@media (max-width: 1200px){.topbar,.login-layout,.jobs-layout{grid-template-columns:1fr}.jobs-state-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.jobs-shell{padding:14px}.operator-card{align-items:flex-start}.jobs-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.jobs-queue-nav{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.jobs-metrics,.jobs-state-tabs,.jobs-queue-nav{grid-template-columns:1fr}.operator-card,.panel-header,.jobs-selected-head,.table-footer{flex-direction:column;align-items:stretch}.operator-separator{display:none}}