:root{color-scheme:dark;--bg:#0d1218;--panel:#151e27;--line:#2b3946;--text:#edf3f6;--muted:#a3b3c1;--accent:#8be0bc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 'Segoe UI',sans-serif;display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{padding:32px 20px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#0b1016}.brand{font-size:27px;font-weight:750;letter-spacing:-1px}.brand span{color:var(--accent)}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:9px;font-weight:500}nav{display:grid;gap:8px;margin-top:48px}button{font:600 13px 'Segoe UI',sans-serif;cursor:pointer;padding:12px 17px;background:var(--accent);color:#10291f;border:1px solid transparent;border-radius:9px}button:hover{filter:brightness(1.08)}button:disabled{opacity:.4;cursor:default}nav button{text-align:left;background:transparent;color:var(--muted);padding:14px}nav button.active{background:#1b362d;color:var(--accent)}.aside-bottom{margin-top:auto;color:var(--muted);font-size:11px}.aside-bottom p{margin:8px 0 0}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:6px}main{padding:35px 40px 0;max-width:1320px;width:100%;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:12px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:650;margin:0 0 9px}h1{font-size:28px;letter-spacing:-.7px;line-height:1.2;margin:0}h2{font-size:20px;letter-spacing:-.3px;margin:0 0 12px}p{margin:8px 0 16px}.badge{font-size:10px;letter-spacing:.5px;border:1px solid var(--line);padding:6px 11px;border-radius:20px;white-space:nowrap;color:var(--accent)}.hero{padding:30px 34px;background:linear-gradient(120deg,#1b302b,#17232e);border:1px solid #35564a;border-radius:15px;margin-bottom:24px}.hero h2{font-size:34px;line-height:1.2;margin:15px 0}.hero p{color:#becfc9;max-width:660px}.panel,.card{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:13px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:22px}.card h2{margin-top:16px;font-size:18px}.card p{font-size:13px;color:var(--muted)}.muted,.intro p{color:var(--muted);font-size:13px}.intro{margin-bottom:22px}form{max-width:880px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}input{display:block;width:100%;margin-top:8px;padding:13px;background:#0e1720;border:1px solid #3b4b5b;color:var(--text);border-radius:8px;font:14px 'Segoe UI',sans-serif}input:focus,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.quiet{background:transparent;border-color:#4c645c;color:var(--accent)}form>.quiet{margin-bottom:10px}form>button{margin-right:8px;margin-top:8px}.preview{padding:18px;background:#0b141b;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 Consolas,monospace;border-radius:8px}.job-head{display:flex;justify-content:space-between;gap:12px}.job-path{font:12px/1.7 Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap;color:#b5c8d4}.job button{margin:10px 8px 0 0}progress{display:block;width:100%;height:9px;accent-color:var(--accent);margin:16px 0}summary{cursor:pointer;color:var(--accent);font-size:13px}.logs{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;font:12px/1.8 Consolas,monospace;background:#0b141b;padding:12px}.error{color:#ffb9ae}.success{color:var(--accent)}#notice{padding:14px 18px;background:#25392f;border:1px solid #436c57;border-radius:9px;overflow-wrap:anywhere}#notice.error{background:#402d2c;border-color:#97594f}footer{padding:24px 0;color:var(--muted);font-size:11px;display:flex;justify-content:space-between}[hidden]{display:none!important}@media(max-width:1000px){.cards{grid-template-columns:1fr}.card{margin-bottom:0}main{padding:25px}.cards{margin-bottom:20px}}@media(max-width:760px){body{grid-template-columns:1fr}aside{position:static;height:auto;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:23px}.brand small,.aside-bottom{display:none}nav{grid-template-columns:repeat(4,1fr);margin-top:15px;gap:4px}nav button{padding:10px 5px;font-size:11px;text-align:center}main{padding:22px 16px 0}.hero{padding:24px}.hero h2{font-size:29px}h1{font-size:24px}.badge{white-space:normal}.panel{padding:18px}}

textarea,select{display:block;width:100%;margin-top:8px;padding:13px;background:#0e1720;border:1px solid #3b4b5b;color:var(--text);border-radius:8px;font:14px 'Segoe UI',sans-serif}textarea{resize:vertical}textarea:focus,select:focus{outline:2px solid var(--accent)}.schedule-time{display:grid;grid-template-columns:1fr 1fr;gap:20px}#schedule-list button{margin:8px 8px 8px 0}@media(max-width:760px){nav{grid-template-columns:repeat(5,1fr)}}

nav{gap:5px;margin-top:30px;overflow-y:auto;min-height:0;padding-bottom:14px}nav .nav-label{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin:18px 13px 7px}.nav-group{display:grid;gap:5px}nav button{width:100%}.nav-group .selected-agent{color:var(--accent);background:#14251f;border-color:#345348}.nav-planned{display:block;font-size:9px;font-weight:400;opacity:.75;margin-top:3px}#agent-menu{border-top:1px solid var(--line);margin-top:14px}.card button{margin-top:4px}.status-heading{margin-top:20px}.aside-bottom{padding-top:15px}@media(max-width:760px){nav{display:block;margin-top:15px;overflow:visible}#all-agents{width:auto}#agent-nav{display:flex;gap:6px;margin-top:8px}#agent-nav button{flex:1}nav .nav-label{margin:10px 5px 6px}#agent-menu-items{display:flex;flex-wrap:wrap}#agent-menu-items button{width:auto;flex:1}#agent-menu{margin-top:10px}}

.brand-name{white-space:nowrap}.brand .copyright{font-size:12px;vertical-align:super;line-height:0;margin-left:4px;letter-spacing:0;color:var(--muted)}.brand .brand-version{font-size:12px;letter-spacing:.2px;font-weight:500;color:var(--muted);margin-top:3px}.brand small{margin-top:7px}

.code-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b141b;border:1px solid var(--line);border-radius:8px;padding:18px;font:12px/1.6 Consolas,monospace;max-height:500px;overflow:auto}#coding-task-list button{margin:8px 8px 0 0}
#work-files details{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px}#work-detail>button,#work-list button{margin:8px 8px 0 0}.work-request{white-space:pre-wrap;overflow-wrap:anywhere}#work-events{max-height:320px}#work-state{color:var(--accent);font-weight:600}#work-plan{max-height:300px;overflow:auto}

.image-attachments{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:9px}.field-label{font-weight:600;font-size:13px}.image-attachments>button{margin:4px 8px 4px 0}.reference-grid{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}.reference-card{width:210px;padding:12px;background:#0b141b;border:1px solid var(--line);border-radius:9px}.reference-card img{display:block;max-width:100%;height:120px;object-fit:contain;margin:auto;background:#fff}.reference-name{font-size:12px;overflow-wrap:anywhere;margin:8px 0}.reference-card button{font-size:11px;padding:7px 10px}.reference-observation{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto}.reference-card summary{font-size:12px}
#edit-menu{position:fixed;z-index:10000;min-width:190px;background:#17232e;border:1px solid #506779;border-radius:8px;padding:6px;box-shadow:0 10px 30px #0008}#edit-menu button{display:block;width:100%;border:0;background:transparent;color:var(--text);border-radius:4px;padding:9px 14px;text-align:left}#edit-menu button:hover:not(:disabled){background:#284639}#edit-menu button:disabled{opacity:.4}

.agent-progress{padding:22px;border:1px solid #3e6457;border-radius:13px;background:linear-gradient(110deg,#182f29,#17232e);margin:12px 0 22px}.progress-top{display:flex;align-items:center;gap:20px;min-width:0}.progress-ring{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border:4px solid #38564d;border-radius:50%;font-size:24px;font-weight:700;color:var(--accent)}.agent-progress.active .progress-ring{border-top-color:var(--accent);border-right-color:#76bda1;animation:agent-spin 1.2s linear infinite}.progress-copy{min-width:0}.progress-project{margin:0 0 4px;font-size:11px;color:var(--muted)}.progress-title{margin:0;font-size:20px;line-height:1.4}.progress-description{margin:5px 0 0;color:#c1d3cb;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.progress-steps{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 10px}.progress-steps span{font-size:12px;color:#9eafaa;border:1px solid #40524f;padding:5px 12px;border-radius:20px}.progress-steps .done{color:var(--accent);border-color:#4d7767}.progress-steps .current{background:var(--accent);color:#132a20;border-color:var(--accent);font-weight:650}.progress-elapsed,.progress-connection{font-size:12px;color:var(--muted);margin:10px 0}.agent-progress>button{margin-top:8px}.agent-progress.compact{padding:15px;margin:12px 0}.compact .progress-ring{flex-basis:30px;width:30px;height:30px;border-width:3px;font-size:17px}.compact .progress-title{font-size:15px}.compact .progress-project{display:none}.compact .progress-top{gap:12px}.agent-progress.attention{border-color:#916c47}.agent-progress.attention .progress-ring{color:#ffd09b}.agent-progress.stale .progress-ring{animation-play-state:paused;opacity:.6}@keyframes agent-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.agent-progress.active .progress-ring{animation:none;border-top-color:var(--accent)}}@media(max-width:760px){.agent-progress{padding:16px}.progress-title{font-size:17px}.progress-ring{flex-basis:38px;width:38px;height:38px}.progress-steps{gap:6px}.progress-steps span{padding:4px 8px}}

.maintenance-job{border-top:1px solid #d5dedb;margin-top:16px;padding-top:8px}.maintenance-job pre{white-space:pre-wrap;overflow-wrap:anywhere}#knowledge-form textarea{font-family:inherit}#maintenance-publish{padding:16px;margin-top:16px;background:#f2f6f3;border-radius:12px}

.login-panel{max-width:530px;margin:45px auto}.login-panel form{display:grid;gap:16px}.login-panel h2{font-size:1.8rem}.aside-bottom button{margin-top:12px}.login-panel input{width:100%;box-sizing:border-box}@media(max-width:700px){.login-panel{margin:15px 0}}

.conversation-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.conversation-sidebar{position:sticky;top:20px;padding:18px;max-height:85vh;overflow:auto}.conversation-sidebar h2{font-size:1.1rem}.conversation-sidebar>button{width:100%;margin:12px 0}.conversation-choice{display:block;width:100%;text-align:left;background:#f3f5f8;color:#26344b;margin:8px 0;white-space:normal;padding:12px;border:1px solid #d9dfe9}.conversation-choice strong,.conversation-choice small{display:block}.conversation-choice small{font-size:.75rem;margin-top:7px}.selected-conversation{border-color:#7664bf;background:#eee9fb}.conversation-thread{min-width:0}.conversation-turn{padding:18px 0;border-top:1px solid #e2e5ed}.conversation-turn h3{font-size:.85rem;color:#67548d;margin-bottom:5px}.conversation-text{white-space:pre-wrap;overflow-wrap:anywhere}.conversation-title-row h2{overflow-wrap:anywhere}#conversation-messages{max-height:520px;overflow:auto;margin-top:20px}@media(max-width:1100px){.conversation-layout{grid-template-columns:1fr}.conversation-sidebar{position:static;max-height:300px}}

.email-result label,.email-approval{display:flex;align-items:center;gap:10px}.email-result input[type=checkbox],.email-approval input{width:auto;flex:none}.email-result{overflow-wrap:anywhere}.email-excerpt{white-space:pre-wrap;max-height:180px;overflow:auto}