:root{color:#e9eefc;background:#090d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(55,86,190,.19),transparent 32rem),#090d18}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:38px 0 72px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(28px,5vw,42px);letter-spacing:-.04em}h2{margin-bottom:0;font-size:23px}h3{margin:10px 0 0}.eyebrow{margin-bottom:7px;color:#8290b7;font-size:11px;font-weight:750;letter-spacing:.2em}.header-actions{display:flex;align-items:center;gap:12px}.connection{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #242c44;border-radius:999px;color:#aab5d3;font-size:13px}.connection i{width:7px;height:7px;border-radius:50%;background:#69728a}.connection.online i{background:#44d19d;box-shadow:0 0 12px #44d19d}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:42px}.metric{display:flex;flex-direction:column;padding:20px;border:1px solid #20283d;border-radius:15px;background:#121828c7}.metric strong{font-size:31px;line-height:1}.metric span{margin-top:8px;color:#8d99b8;font-size:13px}.metric.green strong{color:#61d8ac}.metric.blue strong{color:#82adff}.metric.amber strong{color:#f2ba63}section{margin-top:34px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.section-title>span{min-width:30px;padding:5px 9px;border-radius:99px;background:#202940;color:#a9b6d7;text-align:center;font-size:12px}.empty{padding:34px;border:1px dashed #27304a;border-radius:15px;color:#7f8baa;text-align:center}.approval-list{display:grid;gap:14px}.approval-card,.device-card{border:1px solid #242d44;border-radius:16px;background:#101625eb;box-shadow:0 18px 45px #00000021}.approval-card{padding:22px;border-color:#dd9e4161}.approval-head{display:flex;justify-content:space-between;gap:16px}.tag{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700}.tag.warning{color:#f5c477;background:#c67e1b26}.device-name{color:#9ba8c9;font-size:13px}pre{overflow:auto;margin:18px 0 10px;padding:16px;border:1px solid #242e47;border-radius:10px;background:#0a0f1c;color:#dbe4fa;white-space:pre-wrap;word-break:break-word}.approval-command{margin:18px 0 10px;padding:12px 14px;border:1px solid #242e47;border-radius:9px;background:#0a0f1c;color:#cbd7ef;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-word}.approval-details{margin-bottom:10px}.muted{color:#8591af;font-size:13px}.approval-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}button{border:0;border-radius:9px;padding:10px 14px;color:#dce5fa;background:#222b42;transition:transform .15s ease,filter .15s ease}button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}button.primary{color:#07111e;background:#78aaff;font-weight:720}button.secondary{color:#cbd9f8;background:#283451}button.danger{color:#ffb0ae;background:#b5373730}button.ghost{padding:8px 11px;background:transparent;color:#8995b4}button.compact{flex:0 0 auto}.task-list{display:grid;gap:15px}.task-card{overflow:hidden;border:1px solid #25304a;border-radius:17px;background:#0f1523f0;box-shadow:0 20px 55px #00000029}.task-card.active{border-color:#5789e77a;box-shadow:0 0 0 1px #4776cf14,0 20px 55px #0003}.task-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px}.task-title{min-width:0}.task-title h3{margin:10px 0 6px;font-size:17px;line-height:1.45}.task-title p{margin:0;color:#7f8caa;font-size:12px}.task-latest{display:flex;gap:10px;margin:0 22px 18px;padding:12px 14px;border-radius:10px;background:#0a101d;color:#8e9ab8;font-size:13px}.task-latest strong{flex:0 0 auto;color:#b9c9eb}.task-latest span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runtime-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 22px 14px;overflow:hidden;border:1px solid #222c44;border-radius:11px;background:#222c44}.runtime-grid>div{min-width:0;padding:11px 13px;background:#0c121f}.runtime-grid>div.wide{grid-column:span 2}.runtime-grid span{display:block;margin-bottom:5px;color:#677490;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.runtime-grid strong{display:block;overflow:hidden;color:#b9c5df;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.runtime-grid .mono strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.token-panel{margin:0 22px 14px;padding:15px;border:1px solid #222d46;border-radius:11px;background:linear-gradient(135deg,#20325473,#0c121fdb)}.token-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.token-summary div{min-width:0}.token-summary span{display:block;margin-bottom:4px;color:#7483a4;font-size:10px}.token-summary strong{color:#d5e1fa;font-size:15px}.context-usage{margin-top:13px}.context-usage>div:first-child{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px;color:#7e8ba9;font-size:11px}.context-usage strong{color:#aebfe3;font-weight:600}.context-track{overflow:hidden;height:5px;border-radius:99px;background:#1c263b}.context-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#568af0,#8e74e9);transition:width .25s ease}.task-plan{margin:0 22px 14px;padding:14px 16px;border:1px solid #222c43;border-radius:11px;background:#0b111e}.task-plan h4{margin:0 0 9px;color:#8d9cbd;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.task-plan>div{display:flex;gap:9px;padding:4px 0;color:#7f8aa5;font-size:12px}.task-plan>div.inProgress{color:#b9ccf5}.task-plan>div.completed{color:#6f9f8e}.task-plan i{width:14px;color:#6d91d8;font-style:normal;text-align:center}.event-feed{max-height:560px;margin:0 22px 20px;overflow:auto;border:1px solid #222c43;border-radius:12px;background:#090f1a}.event-placeholder{display:flex;align-items:center;gap:10px;padding:24px;color:#70809f;font-size:13px}.event-placeholder i{width:8px;height:8px;border-radius:50%;background:#6491e8;box-shadow:0 0 12px #6491e8;animation:pulse 1.4s infinite}.task-event{padding:14px 16px;border-bottom:1px solid #1c2538}.task-event:last-child{border-bottom:0}.event-head{display:flex;align-items:center;gap:8px}.event-head strong{color:#acbada;font-size:12px}.event-head em{padding:2px 6px;border-radius:4px;color:#7889aa;background:#182238;font-size:9px;font-style:normal}.event-head time{margin-left:auto;color:#53617d;font:10px ui-monospace,monospace}.event-kind{display:grid;width:23px;height:23px;place-items:center;border-radius:6px;color:#8fb3fb;background:#4975cc24;font:10px ui-monospace,monospace}.task-event p{margin:9px 0 0 31px;color:#b8c3dc;font-size:13px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.task-event pre{max-height:280px;margin:10px 0 0 31px;padding:12px;border:0;border-radius:7px;color:#aebbd6;background:#060a12;font-size:11px;line-height:1.55}.event-details{margin:9px 0 0 31px}.event-details summary{width:fit-content;cursor:pointer;color:#7182a4;font-size:11px;-webkit-user-select:none;user-select:none}.event-details[open] summary{color:#94a9d2}.event-details pre{margin-left:0}.task-event.reasoning p{color:#8e9ab7}.task-event.warning{background:#89412b17}.task-event.warning .event-kind{color:#ef9f7c;background:#c2502b26}.task-error{margin:-6px 22px 20px;padding:12px 14px;border:1px solid rgba(207,70,66,.32);border-radius:9px;color:#ffaaa7;background:#9729281f;font-size:12px}.final-output{margin:0 22px 20px;padding:15px;border-radius:10px;background:#0b121f}.final-output strong{color:#90a8da;font-size:11px}.final-output p{margin:8px 0 0;color:#becae1;font-size:13px;line-height:1.65;white-space:pre-wrap}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(315px,1fr));gap:14px}.device-card{padding:20px}.device-top{display:flex;align-items:center;gap:12px}.device-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #33405f;border-radius:12px;color:#b8ccff;background:#1b263f;font-weight:800}.device-main{min-width:0;flex:1}.device-main h3{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.device-main p{overflow:hidden;margin:4px 0 0;color:#74809d;font:12px ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.status{padding:5px 8px;border-radius:6px;font-size:11px;font-weight:750;white-space:nowrap}.status.green{color:#67d7ad;background:#2db27e21}.status.blue{color:#87b5ff;background:#3a73d626}.status.amber{color:#f1bd6b;background:#ca872426}.status.red{color:#ff9d9a;background:#cf424226}.status.gray{color:#8b94aa;background:#70788e21}.device-message{min-height:48px;margin:18px 0;padding:12px;border-radius:9px;background:#0c111e;color:#adb9d7;font-size:13px;line-height:1.55}.account-usage{margin:-6px 0 18px;padding:13px;border:1px solid #222d46;border-radius:10px;background:linear-gradient(135deg,#1e31526b,#0a101ce0)}.account-usage.unavailable{color:#687590;font-size:11px}.usage-head,.usage-window>div:first-child{display:flex;justify-content:space-between;gap:12px}.usage-head{margin-bottom:11px}.usage-head strong{color:#aebfe3;font-size:11px}.usage-head time,.usage-window small,.usage-empty{color:#64718d;font-size:9px}.usage-window+.usage-window{margin-top:10px}.usage-window>div:first-child{color:#7f8dab;font-size:10px}.usage-window>div:first-child strong{color:#c6d5f2;font-size:11px}.usage-track{overflow:hidden;height:5px;margin:5px 0 4px;border-radius:99px;background:#1a2438}.usage-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#55c997,#76a8ff)}dl{display:grid;gap:9px;margin:0 0 18px}dl div{display:flex;justify-content:space-between;gap:16px;font-size:12px}dt{color:#6f7b98}dd{overflow:hidden;margin:0;color:#aeb9d4;text-overflow:ellipsis;white-space:nowrap}.new-task{width:100%}.task-form{display:grid;gap:9px;margin-top:12px}input,textarea{width:100%;border:1px solid #2a3551;border-radius:9px;outline:none;color:#e1e8f8;background:#0b101d}input:focus,textarea:focus{border-color:#5d86d5;box-shadow:0 0 0 3px #5985d91c}input{height:42px;padding:0 12px}textarea{min-height:108px;resize:vertical;padding:12px}.error-banner{margin-bottom:18px;padding:12px 15px;border:1px solid rgba(218,76,73,.4);border-radius:10px;color:#ffaaa7;background:#9f272721}.login-shell{display:grid;min-height:100vh;place-items:center;padding:20px}.login-card{width:min(390px,100%);padding:34px;border:1px solid #27314a;border-radius:20px;background:#0f1523f2;box-shadow:0 35px 90px #00000059}.logo{display:grid;width:48px;height:48px;margin-bottom:24px;place-items:center;border-radius:14px;color:#0b1421;background:#83acff;font-size:22px;font-weight:900}.login-card h1{font-size:30px}.login-card p{margin:8px 0 22px;color:#8490ad}.login-card input{margin-bottom:11px}.login-card button{width:100%}@media(max-width:650px){.app-shell{width:min(100% - 22px,1180px);padding-top:24px}header{align-items:flex-start}.connection{display:none}.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:15px}.metric strong{font-size:25px}.approval-actions button{width:100%}.task-head,.runtime-grid,.token-panel,.task-plan,.event-feed,.task-error,.final-output{margin-left:13px;margin-right:13px}.task-head{padding-left:0;padding-right:0}.runtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.runtime-grid>div.wide{grid-column:span 2}.token-summary{grid-template-columns:repeat(3,1fr)}.task-event p,.task-event pre,.event-details{margin-left:0}}