:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#08111f;--color-canvas-raised:#0d1929;--color-panel:#111f31;--color-panel-strong:#17283d;--color-border:#40536a;--color-border-strong:#6e8299;--color-text:#f7f9fc;--color-text-muted:#b8c5d3;--color-accent:#62d4ff;--color-accent-strong:#a6e9ff;--color-focus:#ffd166;--color-success:#4ee6a8;--color-warning:#ffc857;--color-danger:#ff7a90;--shadow-card:0 24px 70px #00000061;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 15% 10%, #25688b38, transparent 32rem), radial-gradient(circle at 90% 90%, #2f52842e, transparent 34rem), var(--color-canvas);min-width:320px;min-height:100vh;color:var(--color-text);margin:0}button,input,select,textarea{font:inherit;min-height:44px}button{border-radius:var(--radius-sm);cursor:pointer}button:disabled{cursor:wait;opacity:.72}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,p{margin:0}.auth-page{min-height:100vh;padding:var(--space-5);place-items:center;display:grid}.auth-card{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);width:min(100%,460px);box-shadow:var(--shadow-card);background:linear-gradient(155deg,#17283dfa,#0d1929fa);padding:clamp(28px,7vw,48px)}.brand-mark,.forbidden-symbol{width:54px;height:54px;margin-bottom:var(--space-5);border:1px solid var(--color-accent);color:var(--color-accent-strong);letter-spacing:-.04em;background:#62d4ff1a;border-radius:16px 6px;place-items:center;font-size:18px;font-weight:800;display:grid}.eyebrow{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:750}.auth-card h1{margin-top:var(--space-2);letter-spacing:-.035em;font-size:clamp(28px,7vw,38px);line-height:1.15}.auth-intro,.secondary-copy{margin-top:var(--space-3);color:var(--color-text-muted);line-height:1.65}.secondary-copy{font-size:14px}.auth-form{gap:var(--space-3);margin-top:var(--space-6);display:grid}.auth-form label{color:var(--color-text-muted);font-size:14px;font-weight:650}.auth-form input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:#07101d;padding:10px 12px}.auth-form input:hover{border-color:var(--color-accent)}.form-alert{padding:var(--space-3);border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:#ffd7de;background:#ff7a901a;font-size:14px;line-height:1.5}.primary-button,.secondary-button{border:1px solid #0000;min-height:44px;padding:10px 16px;font-weight:750}.primary-button{margin-top:var(--space-2);background:var(--color-accent-strong);color:#06101c}.primary-button:hover:not(:disabled){background:#d1f4ff}.secondary-button{border-color:var(--color-border-strong);background:var(--color-panel-strong);color:var(--color-text)}.secondary-button:hover{border-color:var(--color-accent);background:#20364f}.forbidden-symbol{border-color:var(--color-danger);color:#ffd7de;background:#ff7a901a;font-size:24px}.forbidden-card .secondary-button{width:100%;margin-top:var(--space-5)}.loading-state{align-items:center;gap:var(--space-3);color:var(--color-text-muted);display:flex}.loading-ring{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}.app-shell{min-height:100vh;padding:var(--space-4)}.app-header{align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0d1929f0;grid-template-columns:minmax(300px,1fr) auto minmax(260px,auto);display:grid;box-shadow:0 14px 34px #0000002e}.brand-lockup,.admin-menu,.header-status{align-items:center;display:flex}.brand-lockup{gap:var(--space-3)}.brand-mark-small{border-radius:12px 5px;width:42px;height:42px;margin:0;font-size:14px}.brand-lockup h1{letter-spacing:-.025em;margin-top:2px;font-size:20px}.header-status{align-items:flex-start;gap:var(--space-1);flex-direction:column}.connection-state{align-items:center;gap:var(--space-2);font-size:14px;font-weight:700;display:flex}.status-indicator{background:0 0;border:2px solid;border-radius:50%;width:10px;height:10px}.connection-connected{color:var(--color-success)}.connection-connected .status-indicator{background:currentColor}.connection-checking{color:var(--color-warning)}.connection-disconnected{color:var(--color-danger)}.connection-disconnected .status-indicator{border-radius:2px}.refresh-time,.admin-label{color:var(--color-text-muted);font-size:12px}.admin-menu{justify-content:flex-end;gap:var(--space-4);text-align:right}.admin-menu strong,.admin-label{display:block}.admin-menu strong{text-overflow:ellipsis;white-space:nowrap;max-width:240px;margin-top:2px;font-size:14px;overflow:hidden}.compact-button{white-space:nowrap}.dashboard-slot{min-height:calc(100vh - 116px);margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0d1929b8}.empty-state{min-height:calc(100vh - 118px);padding:var(--space-6);text-align:center;place-content:center;display:grid}.empty-state h2{margin-top:var(--space-2);font-size:clamp(24px,4vw,36px)}.empty-state>p:last-child{max-width:560px;margin-top:var(--space-3);color:var(--color-text-muted);line-height:1.65}.operations-dashboard,.fleet-workspace,.fleet-primary-column,.task-center-layout,.worker-drawer,.drawer-panel{min-width:0}.operations-dashboard{gap:var(--space-5);width:100%;max-width:100%;padding:var(--space-5);overflow-wrap:anywhere;display:grid}.dashboard-loading,.dashboard-error-state{padding:var(--space-7)}.dashboard-error-state{gap:var(--space-3);place-items:start;display:grid}.stale-banner,.action-notice{padding:var(--space-3) var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-sm);color:#ffe8ad;background:#ffc8571a;font-weight:650}.action-notice{border-color:var(--color-success);color:#bdf8de;background:#4ee6a81a}.header-stale-badge{color:var(--color-warning);font-size:12px;font-weight:750}.summary-section,.fleet-filters,.fleet-topology-panel,.worker-list-panel,.worker-drawer,.task-center,.fleet-audit-view{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#111f31e6}.summary-section,.task-center,.fleet-audit-view{padding:var(--space-4)}.summary-heading-row,.panel-heading-row,.drawer-header,.audit-entry-heading,.action-dialog-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.summary-heading-row h2,.panel-heading-row h2,.drawer-header h2,.task-center h2,.fleet-audit-view h2{margin-top:var(--space-1)}.summary-stale{color:var(--color-warning);font-size:13px;font-weight:700}.summary-card-list,.component-list,.job-list,.connection-list,.attempt-list,.progress-list,.audit-list,.token-list{margin:0;padding:0;list-style:none}.summary-card-list{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.summary-card{gap:var(--space-1) var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-panel-strong);color:var(--color-text-muted);grid-template-columns:auto 1fr;font-size:12px;display:grid}.summary-card strong{color:var(--color-text);letter-spacing:-.04em;grid-column:1/-1;font-size:28px}.summary-status-shape{font-size:14px}.summary-card-success .summary-status-shape{color:var(--color-success)}.summary-card-warning .summary-status-shape{color:var(--color-warning)}.summary-card-danger .summary-status-shape{color:var(--color-danger)}.summary-card-accent .summary-status-shape{color:var(--color-accent)}.fleet-filters{gap:var(--space-3);min-width:0;padding:var(--space-4);grid-template-columns:minmax(180px,1.2fr) repeat(4,minmax(140px,1fr));display:grid}.fleet-filters legend{padding:0 var(--space-2);color:var(--color-accent);font-size:13px;font-weight:750}.fleet-filter-control,.fleet-filter-status-control{gap:var(--space-1);min-width:0;display:grid}.fleet-filter-control label,.field-label>span{color:var(--color-text-muted);font-size:12px;font-weight:700}.fleet-filter-control input,.fleet-filter-select,.action-dialog-form select,.action-dialog-form textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--color-text);background:#07101d;padding:9px 11px}.fleet-filter-status-preview{color:var(--color-text-muted);font-size:12px;font-weight:700}.fleet-filter-status-online,.fleet-filter-status-active{color:var(--color-success)}.fleet-filter-status-degraded,.fleet-filter-status-draining{color:var(--color-warning)}.fleet-filter-status-offline,.fleet-filter-status-quarantined{color:var(--color-danger)}.dashboard-navigation{gap:var(--space-2);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#081421;flex-wrap:wrap;display:flex}.dashboard-navigation-button{color:var(--color-text-muted);background:0 0;border:1px solid #0000;padding:9px 16px;font-weight:750}.dashboard-navigation-button[aria-current=page]{border-color:var(--color-accent);color:var(--color-accent-strong);background:#62d4ff1f}.fleet-workspace{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.task-view-workspace{gap:var(--space-4);display:grid}.fleet-workspace-with-drawer{grid-template-columns:minmax(0,1fr) minmax(360px,440px)}.fleet-primary-column{gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(280px,.72fr);align-items:start;display:grid}.fleet-topology-panel,.worker-list-panel{min-width:0;padding:var(--space-4)}.panel-note,.topology-access-note,.empty-copy,.loading-copy,.resource-id,.action-disabled-reason{color:var(--color-text-muted);font-size:13px;line-height:1.5}.item-count,.protocol-badge,.desired-state-label{border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:700}.protocol-legacy{border-color:var(--color-warning);color:var(--color-warning)}.fleet-topology-svg{width:100%;max-width:100%;min-height:440px;margin-top:var(--space-3);border-radius:var(--radius-sm);background-color:#07101d;background-image:linear-gradient(#62d4ff0a 1px,#0000 1px),linear-gradient(90deg,#62d4ff0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #293c53;display:block}.topology-region circle{fill:#62d4ff08;stroke:#314b64;stroke-dasharray:8 6;stroke-width:2px}.topology-region text,.topology-node text{fill:var(--color-text-muted);text-anchor:middle;font-family:inherit;font-size:12px}.topology-edge{stroke:#57718b;stroke-opacity:.7;stroke-width:1.5px}.topology-edge-worker-job{stroke:var(--color-accent);stroke-dasharray:5 4}.topology-node circle,.topology-node rect{fill:var(--color-panel-strong);stroke:var(--color-border-strong);stroke-width:3px}.topology-node-control-plane circle{fill:#12324b;stroke:var(--color-accent)}.topology-node-job rect{fill:#173b4b;stroke:var(--color-accent)}.topology-node-worker{cursor:pointer}.topology-status-online circle{stroke:var(--color-success)}.topology-status-degraded circle{stroke:var(--color-warning)}.topology-status-offline circle,.topology-node-legacy circle{stroke:var(--color-danger)}.topology-node-selected circle{fill:#1d4156;stroke:var(--color-focus);stroke-width:6px}.topology-access-note{margin-top:var(--space-2)}.worker-listbox{gap:var(--space-2);max-height:660px;margin-top:var(--space-3);overscroll-behavior:contain;padding:2px;display:grid;overflow-y:auto}.worker-option{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);width:100%;min-width:0;color:var(--color-text);text-align:left;background:#0c1827;grid-template-columns:auto minmax(0,1fr) auto;padding:10px;display:grid}.worker-option[aria-selected=true]{border-color:var(--color-focus);background:#173248}.worker-option-copy{gap:2px;min-width:0;display:grid}.worker-option-copy strong,.worker-option-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.worker-option-copy span,.desired-state-label{color:var(--color-text-muted);font-size:11px}.worker-status-shape{font-size:16px}.worker-option-online .worker-status-shape{color:var(--color-success)}.worker-option-degraded .worker-status-shape{color:var(--color-warning)}.worker-option-offline .worker-status-shape{color:var(--color-danger)}.worker-option .protocol-badge{grid-column:2;justify-self:start}.worker-option .desired-state-label{grid-area:1/3/span 2}.worker-drawer{top:var(--space-4);max-height:calc(100vh - 32px);position:sticky;overflow:auto}.drawer-header{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.resource-id{margin-top:var(--space-1);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.icon-button,.danger-button{border:1px solid var(--color-border-strong);background:var(--color-panel-strong);min-width:44px;min-height:44px;color:var(--color-text);font-weight:750}.danger-button{border-color:var(--color-danger);color:#ffd7de;padding:9px 13px}.worker-action-bar{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.worker-action-item,.task-center-primary-action,.task-cancel-action{gap:var(--space-1);display:grid}.action-disabled-reason{max-width:260px;color:var(--color-warning);font-size:11px}.drawer-tabs{padding:var(--space-2);border-bottom:1px solid var(--color-border);gap:2px;display:flex;overflow-x:auto}.drawer-tab{min-height:44px;color:var(--color-text-muted);white-space:nowrap;background:0 0;border:1px solid #0000;padding:8px 12px;font-weight:700}.drawer-tab[aria-selected=true]{border-color:var(--color-accent);color:var(--color-accent-strong);background:#62d4ff1a}.drawer-panel{padding:var(--space-4)}.drawer-section-stack{gap:var(--space-5);display:grid}.detail-section,.job-detail,.safe-job-detail{gap:var(--space-3);display:grid}.detail-section h3,.job-detail h3,.job-detail h4,.safe-job-detail h3,.safe-job-detail h4{margin:0}.detail-grid,.compact-detail-list{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.detail-grid>div,.compact-detail-list>div{min-width:0;padding:var(--space-2);border-radius:var(--radius-sm);background:#08111f8c;border:1px solid #30445b}.detail-grid dt,.compact-detail-list dt{color:var(--color-text-muted);font-size:11px}.detail-grid dd,.compact-detail-list dd{margin:var(--space-1) 0 0;color:var(--color-text);overflow-wrap:anywhere;font-size:13px}.token-list{gap:var(--space-1);flex-wrap:wrap;display:flex}.token-list li,.operational-status code,.job-detail code,.audit-entry code{color:var(--color-accent-strong);background:#07101d;border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.resource-chart-grid{gap:var(--space-3);display:grid}.resource-chart{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#091422;margin:0}.resource-chart-caption{gap:var(--space-1);display:grid}.resource-chart-title{font-weight:750}.resource-chart-summary{color:var(--color-text-muted);font-size:11px}.resource-chart-svg{width:100%;height:auto;margin-top:var(--space-2);display:block}.resource-chart-series{fill:none;stroke:var(--color-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.resource-chart-empty{fill:var(--color-text-muted);text-anchor:middle;font-size:12px}.component-list{gap:var(--space-2);display:grid}.component-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0a1725;grid-template-columns:auto 1fr auto;display:grid}.component-card p{color:var(--color-text-muted);margin-top:2px;font-size:12px}.component-healthy .component-status-shape{color:var(--color-success)}.component-degraded .component-status-shape{color:var(--color-warning)}.component-unavailable .component-status-shape{color:var(--color-danger)}.connection-list,.attempt-list,.progress-list,.job-list,.audit-list{gap:var(--space-2);display:grid}.connection-list li,.attempt-list li,.progress-list li{align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#091523;flex-wrap:wrap;font-size:12px;display:flex}.job-row-button{align-items:center;gap:var(--space-1) var(--space-2);width:100%;min-width:0;padding:var(--space-3);border:1px solid var(--color-border);color:var(--color-text);text-align:left;background:#091523;grid-template-columns:minmax(0,1fr) auto;display:grid}.job-row-button[aria-pressed=true]{border-color:var(--color-focus);background:#173248}.job-row-button>strong{text-overflow:ellipsis;overflow:hidden}.job-row-button>span:not(.operational-status){color:var(--color-text-muted);font-size:12px}.operational-status{align-items:center;gap:var(--space-1);color:var(--color-text-muted);flex-wrap:wrap;font-size:11px;display:inline-flex}.job-status-running,.job-status-succeeded{color:var(--color-success)}.job-status-queued{color:var(--color-warning)}.job-status-failed,.job-status-cancelled{color:var(--color-danger)}.task-center-heading-row{align-items:center}.task-center-layout{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);display:grid}.task-center-job{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.task-detail-panel{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0a1725}.load-more-button{width:100%;margin-top:var(--space-3)}.audit-entry{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#091523}.audit-entry-heading time{color:var(--color-text-muted);font-size:11px}.compact-detail-list{margin-top:var(--space-2)}.inline-error{padding:var(--space-3);border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:#ffd7de;background:#ff7a901a;line-height:1.5}.action-dialog-backdrop{z-index:1000;padding:var(--space-4);background:#02070ed1;place-items:center;display:grid;position:fixed;inset:0}.action-dialog{width:min(100%,560px);max-height:calc(100vh - 32px);padding:var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-canvas-raised);box-shadow:var(--shadow-card);overflow:auto}.action-dialog-header{justify-content:stretch;display:grid}.action-dialog-header>p:last-child{color:var(--color-text-muted);line-height:1.55}.action-dialog-form,.field-label{gap:var(--space-2);display:grid}.action-dialog-form{gap:var(--space-4);margin-top:var(--space-5)}.action-dialog-form textarea{resize:vertical;min-height:112px}.action-dialog-live{min-height:24px;color:var(--color-accent-strong);font-size:13px}.action-dialog-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-ring{animation:none}}@media (max-width:900px){.app-header{grid-template-columns:1fr}.header-status,.admin-menu{text-align:left;justify-content:space-between;align-items:flex-start}.summary-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}.fleet-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-workspace-with-drawer,.fleet-primary-column,.task-center-layout{grid-template-columns:1fr}.worker-drawer{max-height:none;position:static}.worker-listbox{max-height:420px}}@media (max-width:560px){.auth-page,.app-shell{padding:var(--space-3)}.auth-card{padding:var(--space-5)}.admin-menu{flex-direction:column;align-items:stretch}.dashboard-slot{border-left:0;border-right:0}.operations-dashboard{gap:var(--space-4);padding:var(--space-3)}.summary-card-list,.fleet-filters,.detail-grid,.compact-detail-list{grid-template-columns:1fr}.dashboard-navigation{grid-template-columns:1fr;display:grid}.fleet-topology-svg{min-height:300px}.worker-option{grid-template-columns:auto minmax(0,1fr)}.task-center-job{grid-template-columns:minmax(0,1fr)}.job-row-button{grid-template-columns:minmax(0,1fr) auto}.worker-option .desired-state-label,.task-cancel-action{grid-area:auto/1/auto/-1;justify-self:stretch}.task-cancel-action .danger-button,.action-dialog-actions>button{width:100%}.summary-heading-row,.panel-heading-row,.drawer-header,.task-center-heading-row{flex-direction:column;align-items:stretch}.action-dialog{padding:var(--space-4)}}