:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#26332f;background:#f4f3ee;font-synthesis:none;--surface: #f4f3ee;--elevated: #fffefa;--border: #d7dbd3;--muted: #67736c;--accent: #285f57;--danger: #a23b30;--focus: #31776c;--radius: 5px;--shadow: 0 12px 40px #20352c18;--space: 8px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;min-height:44px;padding:10px 14px;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);color:inherit;font-size:13px;font-weight:600}button:hover{background:#e9eee7;border-color:#a8b9ae}button:disabled{opacity:.58;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:38px;line-height:1.15;font-weight:650;letter-spacing:-1.4px}h2{font-size:19px;letter-spacing:-.35px}h3{font-size:14px}p{line-height:1.6}small{font-size:12px;color:var(--muted);line-height:1.5}strong{font-weight:600}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted);margin-bottom:12px}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:#204d46;color:#fff}.danger{color:var(--danger)}.full{width:100%}.error{padding:14px 16px;background:#fbefeb;border:1px solid #e5bdb2;color:#873b30;border-radius:var(--radius);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.error button{margin-left:10px}.notice{padding:12px;background:#f2ebd8;border-left:3px solid #ae9250;font-size:13px;margin:14px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wordmark{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:750;letter-spacing:2px;white-space:nowrap}.office-mark{display:inline-grid;grid-template-columns:repeat(3,7px);gap:3px;align-items:end;height:25px;width:28px}.office-mark i{display:block;background:var(--accent);height:16px}.office-mark i:first-child{height:24px}.office-mark i:last-child{height:10px}.topbar{min-height:82px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - 1300px)/2));gap:24px;background:var(--elevated)}.account{display:flex;gap:12px;align-items:center}.account>span{font-size:13px;max-width:230px;overflow-wrap:anywhere}.account small{display:block;margin-top:3px}.account button{background:transparent;font-size:12px}.workspace{max-width:1300px;padding:38px 28px 24px;margin:auto}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.workspace-heading .muted{margin-top:10px;font-size:14px}.heading-dot{color:var(--accent)}.register-button{display:flex;gap:12px;align-items:center;white-space:nowrap}.register-button>span{font-size:21px;font-weight:400}.observation-bar{display:flex;align-items:center;gap:18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;margin-bottom:24px;font-size:12px}.observation-bar>div{display:flex;align-items:center;gap:9px;flex:1;flex-wrap:wrap}.observation-bar>span{color:var(--muted)}.observation-bar b{padding:0 8px;color:#b0b8af;font-weight:400}.observation-bar button{min-height:36px;background:transparent;font-size:12px;padding:6px 12px}.poll-label{font-size:11px;color:var(--muted);margin-left:8px}.connection-dot{width:7px;height:7px;border-radius:50%;background:#b19a71;flex-shrink:0}.connection-dot.online{background:var(--accent)}.toolbar{display:flex;gap:12px;align-items:center;margin:22px 0 16px}.segmented{display:flex;border:1px solid #cdd3cb;border-radius:var(--radius);padding:3px;gap:3px;background:#e9ece5;flex-shrink:0}.segmented button{border-color:transparent;background:transparent;min-height:36px;padding:8px 18px;font-size:12px;color:var(--muted)}.segmented .active{background:var(--elevated);color:#223d34;border-color:#d6dcd3;box-shadow:0 1px 2px #1a332914}.search-label{flex:1;max-width:400px;margin-left:auto}.search-label input{width:100%;padding:12px 14px;min-height:44px;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);font-size:13px}.filter-label select{padding:11px 32px 11px 12px;max-width:100%;min-height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--elevated);font-size:13px}.source-tabs{display:flex;gap:22px;overflow-x:auto;border-bottom:1px solid var(--border);margin-bottom:24px;scrollbar-width:thin}.source-tabs button{border:0;border-radius:0;background:transparent;white-space:nowrap;color:var(--muted);padding:10px 0 14px;font-size:12px;position:relative}.source-tabs button.active{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.source-tabs button span{display:inline-block;font-size:10px;margin-left:8px;background:#e3e8df;min-width:20px;padding:2px 5px;border-radius:3px}.filter-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--muted);font-size:12px}.filter-summary button{min-height:34px;padding:7px 10px}.loading-floor{text-align:center;padding:100px 20px;border:1px solid var(--border);color:var(--muted)}.office-rooms{display:grid;gap:24px}.room{border:1px solid #b9c5bb;background:#e7ece5;border-radius:6px;overflow:hidden}.room-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #b8c6bc;background:#edf0e9;gap:12px}.room-header>div{display:flex;align-items:center;gap:12px;min-width:0}.room-header h2{font-size:15px;overflow-wrap:anywhere}.room-header>span{font-size:11px;white-space:nowrap;color:#687b70}.room-number{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:1px;background:#d5e0d5;padding:6px;border:1px solid #b9cbbb;color:#546e5d}.room-floor{position:relative;min-height:330px;background-color:#dce4da;background-image:repeating-linear-gradient(30deg,transparent 0px,transparent 69px,#bac9be55 70px,#bac9be55 71px),repeating-linear-gradient(150deg,transparent 0px,transparent 69px,#bac9be55 70px,#bac9be55 71px);padding:85px 30px 38px;box-shadow:inset 0 -12px #c4d0c3}.room-wall{position:absolute;inset:0 0 auto;height:65px;background:#b8c8bd;box-shadow:inset 0 7px #a8bab0,inset 0 -6px #94ad9b;display:flex;justify-content:center;gap:90px;align-items:center}.window-pane{width:95px;height:40px;background:#e9efe9;border:5px solid #809b8b;box-shadow:3px 4px #a2b7a8;position:relative}.window-pane:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:#809b8b}.window-pane:after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:#809b8b}.wall-clock{height:27px;width:27px;border:3px solid #799480;border-radius:50%;background:#eef0df;position:absolute;right:24px}.wall-clock:after{content:"";position:absolute;height:8px;width:7px;border-bottom:2px solid #4c665a;border-left:2px solid #4c665a;top:5px;left:9px}.desks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:26px 20px;position:relative;z-index:1}.workstation{background:transparent;border:1px solid transparent;padding:8px 8px 12px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:4px;width:100%;color:#32453b}.workstation:hover{background:#f4f4eb66;border-color:#829f8c}.workstation:focus-visible{outline-offset:0}.desk-art{width:150px;height:128px;position:relative;display:block;margin-bottom:8px;filter:drop-shadow(5px 9px 0 #879b8a20);image-rendering:pixelated}.desk-top{position:absolute;width:115px;height:52px;background:#d8c49b;border:3px solid #aa976f;left:16px;top:36px;transform:skewY(-13deg);box-shadow:0 8px #baa777;z-index:2}.desk-front{position:absolute;left:18px;top:91px;width:8px;height:29px;background:#8f8060;box-shadow:105px -24px #8f8060}.monitor{position:absolute;width:48px;height:36px;background:#405e54;border:5px solid #445449;left:54px;top:22px;transform:skewY(-13deg);z-index:3;box-shadow:3px 3px #283c34}.monitor:after{content:"";position:absolute;left:17px;top:31px;width:5px;height:10px;background:#445449;box-shadow:-5px 9px #445449,0 9px #445449,5px 9px #445449}.monitor i{display:block;margin:4px;width:19px;height:2px;background:#819c83}.monitor i:nth-child(2){width:13px}.monitor i:nth-child(3){width:23px}.keyboard{position:absolute;top:73px;left:54px;height:12px;width:39px;background:repeating-linear-gradient(90deg,#8a9b89,#8a9b89 3px,#bcc6b2 3px,#bcc6b2 5px);border:2px solid #708775;transform:skewY(-13deg);z-index:4}.mug{position:absolute;width:9px;height:13px;left:111px;top:45px;background:#faf3d8;border:2px solid #9d9876;box-shadow:3px 2px #9d9876;z-index:4;transform:skewY(-13deg)}.avatar{position:absolute;top:66px;left:24px;width:30px;height:45px;z-index:6}.hair{position:absolute;top:0;left:6px;width:21px;height:16px;background:#425347;box-shadow:0 -3px #425347,-3px 3px #425347}.face{position:absolute;top:10px;left:6px;width:20px;height:16px;background:#cba881;border-bottom:4px solid #b68d65;box-shadow:4px 0 #cba881}.shirt{position:absolute;top:28px;left:3px;width:30px;height:24px;background:#527e72;border:3px solid #42655a;box-shadow:-4px 5px #42655a,4px 5px #42655a}.chair{position:absolute;left:19px;top:109px;width:44px;height:12px;background:#6e8272;z-index:7;border-bottom:4px solid #536c5a;box-shadow:4px 10px #536c5a}.desk-caption{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;font-size:11px;font-weight:400}.desk-caption strong{font-size:13px;max-width:100%;overflow-wrap:anywhere}.desk-caption>span:not(.status){color:#6e7d70;font-size:10px}.is-working .monitor{background:#2c685d}.is-working .monitor i{background:#aed5b7;animation:typing 1.6s steps(3,end) infinite}.is-working .avatar{animation:work 2s steps(2,end) infinite}.status{display:inline-flex;align-items:center;gap:6px;color:#6a756d;font-size:10px;text-transform:capitalize;white-space:nowrap;font-weight:500}.status i{height:6px;width:6px;background:#929c90;display:inline-block;border-radius:50%;flex-shrink:0}.status-working{color:#245e4b}.status-working i{background:#2c775b}.status-error{color:#9b4839}.status-error i{background:#a94838}.status-stale{color:#8b6e32}.status-stale i{background:#b0924a}.status-offline i{background:#7e8480}.empty-room{min-height:190px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1}.empty-room h3{font-size:16px;color:#405747}.empty-room p{font-size:12px;color:#68806d}.empty-desk{width:58px;height:23px;display:block;border:2px dashed #91a58e;background:#e6ebdb70;transform:skewY(-12deg);margin-bottom:14px;position:relative}.empty-desk:after{content:"";position:absolute;left:2px;top:22px;height:14px;width:3px;background:#9bac94;box-shadow:48px 0 #9bac94}.floor-label{position:absolute;bottom:20px;right:22px;font-size:8px;font-family:ui-monospace,monospace;letter-spacing:1.8px;color:#8a9b8a;max-width:80%;overflow:hidden;white-space:nowrap}@keyframes typing{0%,to{width:19px}50%{width:8px}}@keyframes work{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.agent-list{border:1px solid var(--border);background:var(--elevated)}.list-head,.agent-row{display:grid;grid-template-columns:2fr 1fr .8fr 1.5fr;gap:20px;align-items:center;padding:17px 22px;width:100%;text-align:left}.list-head{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:#e9ece5}.agent-row{border:0;border-top:1px solid var(--border);border-radius:0;background:transparent;font-size:12px;font-weight:400}.agent-row>span{overflow-wrap:anywhere}.agent-row small{display:block;font-size:10px;margin-top:5px}.empty-list{padding:40px 22px;font-size:13px;color:var(--muted)}.event-log{margin-top:30px;border-top:1px solid var(--border);padding-top:22px}.event-log>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:15px}.event-log h2{font-size:14px}.event-log header>span{font-size:11px;color:var(--muted)}.event-log p{font-size:12px}.event-log ol{list-style:none;padding:0;margin:0}.event-log li{display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--border);padding:12px 0;gap:20px;font-size:12px;overflow-wrap:anywhere}.event-log time{color:var(--muted);font-size:10px}.workspace-footer{display:flex;justify-content:space-between;gap:20px;margin-top:32px;font-size:10px;color:#7b837b;border-top:1px solid var(--border);padding-top:16px}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-scene{background:#243d36;color:#f1f1e4;padding:50px max(40px,calc((100vw - 1100px)/2));padding-right:60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-scene .wordmark{position:absolute;top:45px}.auth-scene .office-mark i{background:#a6bc9d}.auth-scene .eyebrow{color:#b5c2ae;margin-top:25px}.auth-scene h1{font-size:52px;letter-spacing:-2px;margin-bottom:16px}.auth-scene>p:not(.eyebrow){max-width:350px;font-size:14px;color:#bdc9b9}.auth-scene .auth-note{margin-top:30px;font-size:11px!important;border-top:1px solid #506054;padding-top:20px}.blueprint{height:200px;width:270px;display:flex;justify-content:center;align-items:center;margin-top:40px;margin-bottom:24px}.blueprint-room{width:225px;height:145px;border:1px solid #91aa8970;transform:rotate(-20deg) skew(20deg);display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:26px;background:repeating-linear-gradient(0deg,transparent 0 23px,#91aa8918 24px 25px)}.blueprint-desk{border:1px solid #a6bc9d;height:34px;position:relative;box-shadow:5px 6px #9fba9117}.blueprint-desk:after{content:"";position:absolute;left:15px;top:6px;width:22px;height:14px;border:1px solid #a6bc9d;background:#a6bc9d18}.auth-form{max-width:450px;width:100%;padding:65px 42px;margin:auto}.auth-form h2{font-size:28px;margin-bottom:12px}.auth-form>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:24px}.auth-form .segmented{margin-bottom:26px}.auth-form .segmented button{flex:1}.auth-form footer{margin-top:36px;color:var(--muted);font-size:10px}.auth-form>small{display:block;margin-top:18px}form{display:flex;flex-direction:column;gap:17px}form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}form input,form select{padding:12px;min-height:46px;width:100%;border:1px solid #cbd2c8;border-radius:var(--radius);background:var(--elevated);color:inherit;font-weight:400}form input::placeholder{color:#869085}form .primary{margin-top:8px}.boot{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.boot h1{font-size:24px}.boot p{font-size:12px;color:var(--muted)}.session-error{margin:10px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#192c2699;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog{max-width:620px;width:100%;max-height:calc(100dvh - 48px);overflow-y:auto;background:var(--elevated);padding:28px;border:1px solid #c2cabb;border-radius:7px;box-shadow:var(--shadow);outline:none;overflow-wrap:anywhere}.dialog>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.dialog h2{min-width:0;overflow-wrap:anywhere}.dialog>header button{flex-shrink:0;font-size:11px;padding:6px 10px;min-height:36px;background:transparent}.dialog>p{font-size:13px;margin-bottom:20px}.dialog form{margin-top:22px}.detail-summary{display:flex;gap:16px;align-items:center;font-size:12px;margin-bottom:22px}.detail-summary .status{font-size:12px}dl{margin:0;background:#edf0e8;padding:14px 16px;display:grid;gap:12px;font-size:12px}dl>div{display:grid;grid-template-columns:100px 1fr;gap:12px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.telemetry-section{margin-top:24px}.telemetry-section h3{margin-bottom:12px;display:flex;gap:8px;align-items:center}.telemetry-section h3 span{background:#e8ece3;padding:3px 6px;font-size:10px;color:var(--muted)}pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;background:#eaf0e7;padding:14px;border:1px solid #d6ded1;border-radius:3px;max-width:100%;word-break:break-word}.telemetry-section p{font-size:12px}.telemetry-section ul{padding:0;list-style:none;margin:0;display:grid;gap:12px}.telemetry-section li>strong{display:block;font-size:12px;margin-bottom:6px}.detail-actions{margin-top:25px;border-top:1px solid var(--border);padding-top:20px;display:flex;flex-wrap:wrap;gap:10px}.secret{padding:16px;background:#f0f0e5;border:1px solid #d5d9c4;display:flex;align-items:center;gap:12px;margin-bottom:22px}.secret code{-webkit-user-select:all;user-select:all;font-size:12px;overflow-wrap:anywhere;min-width:0;flex:1}.secret button{flex-shrink:0}.connector-example{margin:16px 0}.dialog>h3{margin-bottom:10px}.user-row{border-top:1px solid var(--border);padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.user-row strong{font-size:13px;display:block}.user-row small{display:block;overflow-wrap:anywhere}.user-row span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.user-row>div{min-width:0}.user-row button{flex-shrink:0}@media(min-width:1000px){.office-rooms:has(.room:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.office-rooms:has(.room:nth-child(2)) .desks{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px 8px}.office-rooms:has(.room:nth-child(2)) .room-floor{padding-left:12px;padding-right:12px}}@media(max-width:900px){.poll-label{display:none}.workspace{padding:28px 22px}.topbar{padding:18px 22px}.auth-scene{padding-left:35px;padding-right:35px}.auth-scene h1{font-size:40px}.account>span{max-width:140px}.account{gap:8px}.account button{padding:10px}.wordmark{font-size:11px;letter-spacing:1px}}@media(max-width:640px){.topbar{padding:16px;align-items:flex-start;flex-wrap:wrap;gap:16px}.account{width:100%;justify-content:flex-end}.account>span{margin-right:auto;max-width:150px}.workspace{padding:26px 16px 20px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:22px}h1{font-size:30px}.workspace-heading .muted{font-size:12px}.register-button{width:100%;justify-content:center}.observation-bar{flex-wrap:wrap;gap:10px}.observation-bar>div{flex-basis:100%}.observation-bar>span{flex:1;font-size:11px}.toolbar{flex-wrap:wrap;gap:10px}.toolbar .segmented{order:0;flex:1}.toolbar .segmented button{flex:1;padding:8px 12px}.filter-label{order:1}.filter-label select{max-width:142px;padding-right:20px;font-size:12px}.search-label{order:2;max-width:none;flex-basis:100%}.source-tabs{gap:20px;margin-bottom:16px}.room-header{padding:14px}.room-floor{padding:80px 8px 42px}.desks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}.desk-art{transform:scale(.88);transform-origin:bottom center;width:150px;height:125px;margin-left:-5px;margin-right:-5px}.workstation{padding:4px 2px 12px;min-height:210px}.desk-caption strong{font-size:12px}.desk-caption>span:not(.status){font-size:9px}.window-pane{width:70px}.room-wall{gap:28px;justify-content:flex-start;padding-left:25px}.wall-clock{right:17px;width:24px;height:24px}.room-header h2{font-size:13px}.empty-room p{font-size:11px}.floor-label{font-size:7px;right:12px}.list-head{display:none}.agent-row{grid-template-columns:1fr auto;gap:10px;padding:16px}.agent-row>span:first-child{grid-column:1/2}.agent-row>span:nth-child(2){grid-column:1;grid-row:2;color:var(--muted)}.agent-row>.status{grid-column:2;grid-row:1}.agent-row>span:last-child{grid-column:1/-1;font-size:10px;color:var(--muted)}.event-log li{grid-template-columns:1fr;gap:5px}.workspace-footer{flex-direction:column;gap:8px;line-height:1.5}.auth-shell{display:block}.auth-scene{min-height:165px;padding:70px 24px 28px}.auth-scene .wordmark{top:24px}.auth-scene h1{font-size:30px;margin:0}.auth-scene .eyebrow,.auth-scene>p,.blueprint{display:none}.auth-form{padding:32px 24px;max-width:440px}.dialog-backdrop{padding:12px}.dialog{padding:20px;max-height:calc(100dvh - 24px)}.dialog>header{gap:8px}.dialog h2{font-size:18px}.dialog>header button{padding:6px 8px}.detail-summary{align-items:flex-start;gap:10px;flex-direction:column}dl>div{grid-template-columns:80px 1fr;gap:8px}.secret{flex-wrap:wrap}.secret code{flex-basis:100%}.detail-actions button{width:100%}.user-row{align-items:flex-start;flex-wrap:wrap}.event-log>header span{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
