:root{color-scheme:dark;--bg:#070c15;--panel:#0d1523;--panel2:#121d2e;--line:#223149;--text:#f4f7fb;--muted:#8ea0b9;--blue:#5ea2ff;--green:#39d98a;--red:#ff5b6e;--amber:#ffbd52;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#17325b 0,transparent 36%),var(--bg);color:var(--text);min-height:100vh}button,input,textarea{font:inherit}.hidden{display:none!important}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);background:rgba(13,21,35,.94);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 30px 80px #0008}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#6eb6ff,#7169ff);font-weight:800;font-size:24px;box-shadow:0 10px 30px #5e8fff44}.auth-card h1{margin:18px 0 5px}.muted{color:var(--muted)}label{display:grid;gap:7px;color:#c9d5e5;font-size:14px;margin:15px 0}input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#08101d;color:var(--text);padding:13px;outline:none}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5ea2ff22}button{border:0;border-radius:11px;padding:11px 16px;color:var(--text);cursor:pointer;font-weight:700}.primary{background:linear-gradient(135deg,#267cec,#655ff1)}form .primary{width:100%;margin-top:8px}.ghost{background:#152136;border:1px solid var(--line)}.danger{background:var(--red);color:#21040a}.small{padding:7px 11px;font-size:13px}.error{color:var(--red);min-height:20px}code{display:block;padding:14px;background:#08101d;border-radius:10px;word-break:break-all;color:var(--amber)}.shell{max-width:1440px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}header h1{font-size:27px;margin:4px 0}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--blue)}.status-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px}.status-card{background:rgba(13,21,35,.9);border:1px solid var(--line);border-radius:15px;padding:16px;display:grid;gap:7px}.status-card span,.status-card small{font-size:12px;color:var(--muted)}.status-card strong{font-size:16px}.status-card i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--muted);margin-right:7px}.status-card.online i{background:var(--green);box-shadow:0 0 12px var(--green)}.approval-banner{margin-top:14px;border:1px solid #ff5b6e99;background:linear-gradient(120deg,#35101a,#151421);border-radius:17px;padding:18px;display:grid;grid-template-columns:1fr 300px;gap:12px}.alarm{font-size:12px;color:var(--red);font-weight:800;letter-spacing:.08em}.approval-banner h2{margin:5px 0}.approval-banner pre{white-space:pre-wrap;word-break:break-word;max-height:130px;overflow:auto;color:#d8e0eb}.approval-banner textarea{grid-column:2;grid-row:1}.approval-banner .actions{grid-column:1/-1;display:flex;gap:8px}.workspace{display:grid;grid-template-columns:310px 1fr;gap:14px;margin-top:14px;min-height:calc(100vh - 250px)}.task-list-panel,.conversation{background:rgba(13,21,35,.92);border:1px solid var(--line);border-radius:18px;overflow:hidden}.section-title,.task-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.section-title h2{font-size:15px;margin:0}.task-list{max-height:calc(100vh - 320px);overflow:auto}.task-item{display:grid;gap:6px;padding:14px 16px;border-bottom:1px solid #18263a;cursor:pointer}.task-item:hover,.task-item.active{background:#142137}.task-item strong{font-size:14px}.task-item span{font-size:11px;color:var(--muted)}.conversation{display:flex;flex-direction:column}.empty{margin:auto;text-align:center;color:var(--muted)}.empty .brand-mark{margin:auto}.empty h2{color:var(--text)}#task-view{display:flex;flex-direction:column;min-height:0;flex:1}.task-heading h2{font-size:16px;margin:7px 0 0}.pill{font-size:11px;padding:4px 8px;border-radius:999px;background:#1a2940;color:var(--blue)}.timeline{padding:18px;overflow:auto;max-height:calc(100vh - 430px);display:flex;flex-direction:column;gap:11px}.event{border-left:2px solid var(--line);padding:4px 0 4px 13px}.event.agent-message{border-color:var(--blue)}.event.approval-requested{border-color:var(--red)}.event.task-completed{border-color:var(--green)}.event.command-output{border-color:#8178ff}.event small{color:var(--muted)}.event p{margin:5px 0;white-space:pre-wrap;word-break:break-word;line-height:1.55}.event pre{white-space:pre-wrap;background:#070c15;border-radius:8px;padding:10px;overflow:auto;color:#b9c7da}.composer{margin-top:auto;border-top:1px solid var(--line);padding:13px;background:#0a111d}.composer textarea{resize:vertical;min-height:70px}.composer>div{display:flex;justify-content:space-between;align-items:center}.composer .primary{width:auto;margin:0}.check{display:flex;align-items:center;gap:7px;margin:0}.check input{width:auto}.actions button{flex:0 0 auto}
@media(max-width:760px){.shell{padding:14px}.status-grid{grid-template-columns:1fr 1fr}.status-card.wide{grid-column:1/-1}.approval-banner{grid-template-columns:1fr}.approval-banner textarea{grid-column:1;grid-row:auto}.workspace{grid-template-columns:1fr;min-height:auto}.task-list-panel{max-height:230px}.task-list{max-height:175px}.conversation{min-height:65vh}.timeline{max-height:50vh}.approval-banner .actions{display:grid;grid-template-columns:1fr 1fr}.approval-banner .actions button:last-child{grid-column:1/-1}.eyebrow{display:none}}