:root{color-scheme:dark;--bg:#080b10;--panel:#10151d;--panel2:#131a24;--border:#222b38;--text:#f3f6fa;--muted:#8c98a9;--accent:#6ee7c7;--accent2:#4f8cff;--warning:#f6b94d;--danger:#ff6577;--success:#63d69b}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;background:radial-gradient(circle at 60% -20%,#14233b 0,transparent 35%),var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);padding:28px 20px;position:sticky;top:0;height:100vh;background:rgba(8,11,16,.88);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:.12em}.brand small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--accent2),var(--accent));color:#081016;font-size:20px}.sidebar nav{display:grid;gap:8px;margin-top:52px}.nav-link{padding:11px 13px;border-radius:9px;color:var(--muted);font-size:14px}.nav-link:hover,.nav-link.active{background:#141b25;color:var(--text)}.nav-link.active{box-shadow:inset 3px 0 var(--accent)}.local-note{margin-top:auto;border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;gap:9px;color:var(--muted);font-size:12px}.local-note small{font-family:monospace}.dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 12px rgba(99,214,155,.55);display:inline-block;flex:none;margin-top:4px}main{padding:28px 42px 60px;max-width:1500px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.topbar h1{font-size:27px;margin:5px 0 0}.connection{display:grid;justify-items:end;gap:6px}.connection small{color:var(--muted);font-size:10px}.online{font-size:11px;letter-spacing:.15em;color:var(--success);border:1px solid #244b3d;padding:8px 12px;border-radius:999px;display:flex;gap:7px}.online.offline{color:var(--danger);border-color:#63303b}.live-warning[hidden]{display:none}.eyebrow{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.15em}.eyebrow.accent{color:var(--accent)}.panel{background:linear-gradient(145deg,rgba(19,26,36,.95),rgba(13,18,25,.95));border:1px solid var(--border);border-radius:15px}.hero{padding:36px;margin-bottom:20px}.hero h2{font-size:28px;margin:8px 0}.hero p,.lead{color:var(--muted);line-height:1.65}.objective-form{margin-top:24px;display:grid;gap:13px}.objective-form textarea{width:100%;min-height:150px;resize:vertical;background:#090d13;border:1px solid #2a3544;border-radius:12px;color:var(--text);padding:18px;font:inherit;font-size:17px;line-height:1.55;outline:none}.objective-form textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(79,140,255,.12)}.button{border:0;border-radius:9px;padding:12px 18px;color:white;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px}.objective-form .button{justify-self:end}.button.primary{background:linear-gradient(135deg,#3979ed,#5c91f3)}.button.danger{background:#2a161b;color:#ff91a0;border:1px solid #63303b}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 40px}.metric{padding:19px}.metric>span,.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin:9px 0;font-size:16px}.metric strong .dot{margin:0 7px 0 0}.two-column{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-bottom:38px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:0 0 13px}.section-title h2{font-size:19px;margin:5px 0 0}.section-title>a,.back{color:#8ab2ff;font-size:13px}.job-list{display:grid;gap:10px}.job-card{padding:20px;display:flex;justify-content:space-between;gap:20px;transition:.15s}.job-card:hover{transform:translateY(-1px);border-color:#35445a}.job-card.featured{min-height:178px}.job-card h3{font-size:17px;margin:8px 0;line-height:1.45}.job-card p{color:var(--muted);margin:0;font-size:13px}.job-meta{display:flex;flex-direction:column;align-items:end;justify-content:space-between;min-width:150px}.job-meta small{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700;background:#1b2430;color:#b9c4d3;white-space:nowrap}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-running,.status-reviewing{color:#7baaff;background:#14213a}.status-assigned,.status-new{color:#c1a7ff;background:#231b38}.status-waiting_approval{color:var(--warning);background:#302716}.status-accepted{color:var(--success);background:#142a22}.status-blocked,.status-failed{color:#ff8997;background:#31191e}.timeline-panel{padding:17px 20px}.timeline-panel.wide{padding:26px}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:45px 14px 1fr;gap:10px;min-height:58px}.timeline-item time{color:var(--muted);font-size:11px;padding-top:2px}.timeline-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 4px rgba(79,140,255,.1);position:relative}.timeline-dot:after{content:"";position:absolute;width:1px;height:46px;background:var(--border);left:3px;top:10px}.timeline-item:last-child .timeline-dot:after{display:none}.timeline-item strong{display:block;font-size:13px}.timeline-item small{color:var(--muted);display:block;margin-top:5px}.approval-card{border:1px solid #755a24;background:linear-gradient(145deg,#211c12,#16140f);border-radius:15px;padding:25px;margin:20px 0}.approval-heading{display:flex;gap:16px}.approval-heading h2{margin:5px 0;font-size:21px}.approval-heading p{color:#c1b69f}.warning-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#423416;color:var(--warning);font-weight:800;font-size:20px;flex:none}.approval-details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#4b3e25;margin:22px 0;border:1px solid #4b3e25;border-radius:10px;overflow:hidden}.approval-details>div{background:#17140e;padding:15px}.approval-details .full{grid-column:1/-1}.approval-details dt{color:var(--warning);text-transform:uppercase;font-size:9px;letter-spacing:.13em;font-weight:800}.approval-details dd{margin:7px 0 0;line-height:1.5;font-size:13px}.approval-actions{display:flex;justify-content:flex-end;gap:10px}.approval-actions form{margin:0}.job-hero{padding:27px;margin:14px 0 20px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.job-hero h2{margin:8px 0 0;font-size:22px;line-height:1.45}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 38px}.detail-card{padding:22px}.detail-card h3{margin:7px 0 18px}.detail-card dl{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0}.detail-card dt{color:var(--muted);font-size:12px}.detail-card dd{margin:0;text-align:right;font-size:13px}.test-row,.turn{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid var(--border)}.test-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#26303d}.test-icon.passed{color:var(--success);background:#163126}.test-icon.failed{color:var(--danger);background:#351a20}.test-row small,.turn small{display:block;color:var(--muted);margin-top:3px}.turn .avatar,.agent-avatar{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#18263c;color:#87aff7;font-weight:800}.turn p{color:var(--muted);margin:3px 0;font-size:12px}.turn time{margin-left:auto;color:var(--muted);font-size:11px}.decision{border-left:2px solid var(--accent2);padding:4px 0 4px 12px;margin:13px 0}.decision p{color:var(--muted);font-size:12px;margin:5px 0}.result-banner{border:1px solid #28523f;background:#12271f;color:#8be0b4;border-radius:11px;padding:15px 18px;margin:15px 0}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.agent-card{padding:25px;position:relative}.agent-card .badge{position:absolute;right:20px;top:20px}.agent-avatar{width:48px;height:48px;font-size:20px}.agent-card h2{margin:20px 0 8px}.agent-card p{color:var(--muted);line-height:1.6}.alert{border-radius:10px;padding:13px 16px;margin-bottom:15px;font-size:13px}.alert.success{background:#12271f;border:1px solid #28523f;color:#8be0b4}.alert.error{background:#2b171b;border:1px solid #5e2a34;color:#ff98a5;display:flex;gap:10px}.empty{padding:28px;text-align:center;color:var(--muted)}.empty strong{color:var(--text)}.muted{color:var(--muted)}.error-page{max-width:600px;margin:80px auto;padding:40px;text-align:center}.error-page .warning-icon{margin:auto}.error-page p{color:var(--muted);line-height:1.6}.error-page .button{margin-top:10px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border);padding:18px;display:block}.sidebar nav{margin-top:18px;display:flex;overflow:auto}.local-note{display:none}main{padding:24px}.two-column,.detail-grid{grid-template-columns:1fr}.agent-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start}}@media(max-width:620px){main{padding:18px}.topbar .eyebrow{display:none}.hero{padding:23px}.status-grid{grid-template-columns:1fr}.approval-details{grid-template-columns:1fr}.job-card,.job-hero{display:block}.job-meta{align-items:start;gap:12px;margin-top:15px}.objective-form .button{justify-self:stretch}.approval-actions{display:grid;grid-template-columns:1fr 1fr}.approval-actions button{width:100%}}
/* Keep the native hidden state authoritative after .alert.error sets display:flex. */
.alert.error.live-warning[hidden]{display:none}
.logout-form{margin-top:14px}.logout-form button{width:100%;border:1px solid var(--border);background:#111821;color:var(--muted);border-radius:8px;padding:9px;cursor:pointer}.logout-form button:hover{color:var(--text);border-color:#35445a}.login-body{display:grid;place-items:center;padding:24px}.login-shell{width:min(440px,100%);padding:0}.login-card{padding:34px}.login-brand{margin-bottom:38px}.login-card h1{margin:8px 0}.login-card>p{color:var(--muted);margin-bottom:24px}.login-form{display:grid;gap:11px}.login-form label{font-size:12px;color:var(--muted)}.login-form input[type=password]{width:100%;background:#090d13;border:1px solid #2a3544;border-radius:10px;color:var(--text);padding:14px;font:inherit;outline:none}.login-form input[type=password]:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(79,140,255,.12)}.login-form .button{margin-top:8px}.login-form .button:disabled{opacity:.55;cursor:not-allowed}