@import url('/fonts.css');
:root{color-scheme:dark;--bg:#101418;--panel:#171c21;--line:#2b3239;--muted:#89949e;--text:#ecf1f1;--mint:#a8e8cb;--purple:#bcacf2;--amber:#e5c18a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button{color:inherit;border:1px solid transparent;background:none;border-radius:7px;padding:9px 12px}button:disabled{opacity:.45;cursor:wait}a{color:var(--mint)}[hidden]{display:none!important}.mint{color:var(--mint)}.muted{color:var(--muted);line-height:1.7}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7d8790;flex-shrink:0}.mint-dot{background:var(--mint)}.amber-dot{background:var(--amber)}.blue-dot{background:#91c8ed}.purple-dot{background:var(--purple)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--mint);color:#17332a;font-weight:650;border-color:#b3eed6;box-shadow:0 2px 1px #0002}.primary:hover{background:#c5f6e0}.subtle{border-color:var(--line);color:#bbc6ce;font-size:12px}.subtle:hover{background:#ffffff08}.danger{color:#ff9b9b;border-color:#713c42}.tag{font-size:9px;letter-spacing:1.3px;border:1px solid #3b5148;color:var(--mint);padding:4px 6px;border-radius:4px}.eyebrow{color:var(--mint);font-size:10px;font-weight:600;letter-spacing:2px}.padded{padding:24px}h1,h2,p{margin-top:0}h1{font-size:31px;letter-spacing:-1.2px;font-weight:560;margin-bottom:10px}h2{font-size:21px;letter-spacing:-.6px;font-weight:550}p{color:var(--muted)}#shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--line);padding:27px 18px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:#14191d}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:620;text-decoration:none;font-size:18px;letter-spacing:-.6px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--mint);color:#19392c;width:32px;height:32px;border-radius:8px;font-size:24px}.workspace-label{display:flex;align-items:center;gap:9px;font-size:10px;margin:28px 0 30px;padding:11px 8px;border:1px solid var(--line);border-radius:6px;color:#b5bfc4}.workspace-label span{margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.6px;color:#69757f;margin:0 12px 13px}.nav{display:flex;align-items:center;gap:12px;width:100%;text-align:left;color:#9ca7b0;margin:3px 0;font-size:13px;padding:12px}.nav>span:first-child{font-size:17px;width:17px}.nav.active{color:var(--mint);background:#a8e8cb10;border-color:#a8e8cb14}.nav:hover{background:#ffffff06}.nav-tail{margin-left:auto;font-size:10px}.side-bottom{margin-top:auto}.security-note{border:1px solid var(--line);border-radius:8px;padding:14px 10px;margin-bottom:20px;display:flex;gap:9px;font-size:11px}.security-note>span{color:var(--mint);font-size:19px}.security-note small,.profile small{display:block;color:#78858f;font-size:10px;margin-top:5px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:20px 7px 0;margin-top:14px;font-size:11px}.avatar{display:inline-flex;border:1px solid #616676;background:#353746;border-radius:7px;align-items:center;justify-content:center;width:33px;height:33px;color:#d9cfed}main{min-width:0;flex:1}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:#84919c;font-size:12px}.breadcrumb span{margin:0 13px;color:#4c5861}.breadcrumb strong{font-weight:500;color:#dce2e7}.top-actions{display:flex;align-items:center;gap:24px}.connection{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.connection.online .dot{background:var(--mint);box-shadow:0 0 8px #a8e8cb35}.content{padding:30px;max-width:1900px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:4px 0 25px}.page-heading .eyebrow{display:block;margin-bottom:13px}.page-heading p{font-size:12px;margin-bottom:0}.date-label{font-size:11px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:27px}.stats article{padding:20px 22px;position:relative}.stats article+article{border-left:1px solid var(--line)}.stats article>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#9ba6af}.stats strong{display:block;font-size:30px;font-weight:500;letter-spacing:-1.1px;margin:10px 0 4px}.stats small{font-size:10px;color:#6f7d88}.office-grid{display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:20px}.office-column{min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{min-height:59px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.panel-heading strong{font-size:12px;font-weight:550}.panel-heading>div{display:flex;align-items:center;gap:9px}.floor-wrap{position:relative;background:#161b21;height:380px;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:pan-y}.floor-caption{position:absolute;bottom:14px;left:19px;right:19px;display:flex;justify-content:space-between;color:#74838a;font-size:8px;letter-spacing:1.5px;pointer-events:none}.floor-caption span{font-size:9px;letter-spacing:0;color:#64717b}.agent-chips{display:flex;flex-wrap:wrap;gap:9px;padding:13px 18px;border-top:1px solid var(--line)}.agent-chip{display:flex;gap:8px;align-items:center;background:#20292a;border:1px solid #3c554b;font-size:11px;padding:7px 10px}.agent-chip small{color:var(--mint)}.legend{display:flex;flex-wrap:wrap;gap:20px;padding:14px 18px;border-top:1px solid var(--line);color:#89969e;font-size:9px}.legend span{display:flex;gap:5px;align-items:center}.legend .dot{width:4px;height:4px}.activity-panel{margin-top:20px}.task-row{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:16px 18px;border-radius:0;border-bottom:1px solid #252d34}.task-row:last-child{border-bottom:0}.task-row:hover{background:#ffffff04}.task-icon{background:#a8e8cb0e;border:1px solid #3c554b;color:var(--mint);display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:7px;flex-shrink:0}.task-info{flex:1;min-width:0}.task-info strong{font-size:11px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-info small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.status{display:inline-flex;align-items:center;gap:5px;color:var(--mint);font-size:9px;background:#a8e8cb0b;border:1px solid #a8e8cb20;padding:5px 8px;border-radius:5px;white-space:nowrap}.status.failed,.status.disconnected{color:#f09c9c;border-color:#733b43;background:#ff5c5c08}.status.waiting-for-approval{color:var(--amber);border-color:#725c38;background:#e5c18a08}.status.draft,.status.idle,.status.cancelled{color:#9da8b1;border-color:var(--line);background:#ffffff03}.empty{padding:27px 20px;color:var(--muted);font-size:12px;line-height:1.8}.detail-panel{align-self:start}.agent-summary{padding:23px 20px;border-bottom:1px solid var(--line)}.agent-avatar{font-family:monospace;font-size:30px;width:54px;height:54px;background:#a8e8cb0e;border:1px solid #3b584b;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--mint);margin-bottom:14px}.agent-summary h2{font-size:18px;margin-bottom:10px}.agent-summary p{font-size:11px;margin:9px 0 0}.detail-section{padding:18px 20px;border-bottom:1px solid var(--line)}.section-label{font-size:9px;font-weight:500;letter-spacing:1.3px;color:#8b9aa5;display:block;margin-bottom:12px}.detail-section h3{font-size:13px;font-weight:500;margin:0 0 9px;line-height:1.6;overflow-wrap:anywhere}.detail-section p{font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:10px}.actions{display:flex;flex-wrap:wrap;gap:7px}.actions button{font-size:11px}.event-row{border-left:1px solid #38453f;padding:0 0 13px 12px;position:relative}.event-row:before{content:"";position:absolute;left:-3px;top:4px;width:5px;height:5px;border-radius:50%;background:#9cc7b2}.event-row strong{display:block;font-size:10px;font-weight:450;overflow-wrap:anywhere}.event-row time{color:#687884;font-size:9px}.event-row p{font-size:10px;color:#a6b3bb;margin:5px 0 0;max-height:90px;overflow:auto}.event-row details{margin-top:7px}summary{font-size:10px;color:#adb8c1;cursor:pointer}.event-output{white-space:pre-wrap;word-break:break-word;font:10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#101418;padding:10px;border:1px solid #303941;border-radius:5px;max-height:280px;overflow:auto;color:#bfd0d6}.detail-scroll{max-height:550px;overflow:auto}.result{font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;color:#c0cdd2}.approval-card{padding:14px;border:1px solid #715f3f;border-radius:7px;background:#e5c18a07;margin-bottom:12px}.approval-card>strong{font-size:12px;color:var(--amber)}.approval-card p{font-size:10px}.approval-card pre{max-height:240px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.cards .panel{padding:24px}.cards h2{font-size:18px}.cards p{font-size:12px;line-height:1.8}dl{display:grid;grid-template-columns:150px 1fr;gap:18px;font-size:12px;padding:20px 0}dt{color:var(--muted)}dd{margin:0;line-height:1.7}footer{display:flex;justify-content:space-between;gap:14px;color:#66757f;font-size:9px;margin-top:27px}footer span:first-child{display:flex;align-items:center;gap:7px}footer .dot{width:4px;height:4px}dialog{border:1px solid #3d4c52;border-radius:14px;background:#1a2126;color:var(--text);padding:27px;width:min(590px,94vw);box-shadow:0 20px 100px #0008}dialog::backdrop{background:#080c10bf;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.dialog-heading h2{margin:8px 0 0}label{display:flex;flex-direction:column;gap:9px;color:#b3bec6;font-size:12px;margin-bottom:18px}input,select,textarea{background:#11181d;border:1px solid #364149;color:var(--text);border-radius:7px;padding:12px;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--mint)}textarea{resize:vertical;line-height:1.7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}dialog .muted{font-size:11px}#toast{position:fixed;right:24px;bottom:24px;max-width:440px;padding:16px 22px;border:1px solid #64756d;background:#24342e;border-radius:8px;box-shadow:0 4px 20px #0005;z-index:100;line-height:1.6}#login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 10%,#24392e,#101418 60%)}.login-card{background:#171e23;border:1px solid #34443d;border-radius:15px;padding:38px;width:min(410px,90vw);box-shadow:0 30px 100px #0004}.login-card>.brand-mark{margin-bottom:30px;width:43px;height:43px}.login-card>.eyebrow{display:block;margin-bottom:12px}.login-card h1{font-size:29px}.login-card>p{font-size:12px;margin-bottom:29px}.login-card .primary{width:100%}.login-card small{display:block;text-align:center;color:#728478;font-size:10px;margin-top:26px}#login-error{color:#ffaeae;margin:15px 0 0;line-height:1.7}.event-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
@media(min-width:1600px){.floor-wrap{height:450px}.office-grid{grid-template-columns:minmax(0,1fr) 380px}}
@media(max-width:1150px){.sidebar{width:185px;padding:25px 12px}.brand{font-size:16px}.content{padding:24px 18px}.topbar{padding:0 18px}.office-grid{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.stats article{padding:17px 14px}.floor-caption span{display:none}.date-label{display:none}}
@media(max-width:900px){.sidebar{width:68px;padding:24px 10px}.brand{justify-content:center}.brand>span:last-child,.workspace-label,.nav-label,.nav-tail,.security-note,.profile{display:none}.sidebar .nav{font-size:0;justify-content:center;padding:12px 0}.sidebar .nav>span:first-child{font-size:20px;margin:0}.sidebar nav{margin-top:40px}.office-grid{grid-template-columns:1fr}.detail-panel{margin-top:3px}.detail-scroll{max-height:400px}.floor-wrap{height:390px}.page-heading h1{font-size:27px}.stats article>span{font-size:10px}.stats small{font-size:9px}.stats strong{font-size:27px}}
@media(max-width:560px){.sidebar{width:52px;padding:22px 4px}.brand-mark{width:29px;height:29px}.topbar{height:66px;padding:0 12px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 5px}.top-actions{gap:10px}.top-actions .primary{font-size:10px;padding:9px}.connection{font-size:0;gap:0}.content{padding:22px 12px}.page-heading{margin-bottom:22px}.page-heading .eyebrow{font-size:8px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px;line-height:1.7}.stats{grid-template-columns:1fr 1fr;gap:0;margin-bottom:18px}.stats article{padding:16px}.stats article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.stats article:nth-child(4){border-top:1px solid var(--line)}.stats article>span{font-size:9px}.stats small{font-size:8px}.stats strong{font-size:25px}.floor-wrap{height:300px}.panel-heading{padding:13px}.legend{gap:12px;font-size:8px;padding:13px}.floor-caption{font-size:7px}.task-row{padding:13px;gap:9px}.task-info strong{font-size:10px}.status{font-size:8px;padding:5px}.task-icon{width:25px;height:28px}.task-info small{font-size:8px}footer{font-size:8px;line-height:1.8;flex-direction:column}.form-row{grid-template-columns:1fr;gap:0}dialog{padding:22px}.cards{grid-template-columns:1fr}dl{grid-template-columns:1fr;gap:9px}}