:root{color-scheme:dark;--bg:#080b10;--side:#0b1017;--panel:#111821;--panel2:#151e29;--line:#263140;--text:#edf3f9;--muted:#8491a2;--blue:#57a5ff;--cyan:#54ddd1;--green:#55dd96;--yellow:#f0c85b;--red:#ff6d7d;--orange:#f39b5b;--radius:14px}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input{font:inherit}button{color:inherit}.office-app{min-height:100vh;background:radial-gradient(circle at 55% -20%,#21364c 0,transparent 32%),#080b10}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;display:flex;flex-direction:column;padding:22px 16px;background:#0a0f16eF;border-right:1px solid var(--line);z-index:5}.office-brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px;border-bottom:1px solid var(--line)}.office-brand div{display:flex;flex-direction:column}.office-brand small,.sidebar-foot small{color:var(--muted);font-size:11px}.brand-symbol,.worker-avatar{display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#06101b;font-weight:900;border-radius:10px}.brand-symbol{width:38px;height:38px}.main-nav{display:grid;gap:5px;padding:22px 0}.nav-item{display:flex;gap:12px;align-items:center;text-align:left;border:0;background:transparent;color:var(--muted);padding:11px 12px;border-radius:9px;cursor:pointer}.nav-item>span:first-child{width:18px}.nav-item:hover,.nav-item.active{color:var(--text);background:#192331}.nav-item.active{box-shadow:inset 3px 0 var(--blue)}.sidebar-foot{display:flex;align-items:center;gap:9px;margin-top:auto;padding:13px 8px}.sidebar-foot i,.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.sidebar-foot div{display:flex;flex-direction:column}.sidebar-foot strong{font-size:11px}.sign-out{width:100%;border:1px solid var(--line);background:transparent;border-radius:8px;padding:9px;color:var(--muted);cursor:pointer}.workspace{margin-left:220px;min-height:100vh}.workspace-bar{height:88px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#080b10c7;backdrop-filter:blur(14px);position:sticky;top:0;z-index:4}.workspace-bar h1{font-size:22px;margin:0}.eyebrow{margin:0 0 4px;color:var(--cyan);font-size:10px;letter-spacing:.17em;font-weight:800}.header-meta{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:12px}.header-meta span{display:flex;align-items:center;gap:7px}.view{display:none;padding:24px}.view.active{display:block}.office-layout{display:grid;grid-template-columns:minmax(570px,1fr) 390px;gap:20px;max-width:1540px;margin:auto}.office-floor{min-height:calc(100vh - 136px);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#101720;box-shadow:0 24px 70px #0006}.floor-heading{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid var(--line)}.floor-heading h2,.console-head h2,.page-intro h2{margin:0;font-size:22px}.floor-heading>span{color:var(--muted);font-size:12px}.office-wall{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 8%;background:linear-gradient(180deg,#1b2633,#151e29);border-bottom:5px solid #2e3b4c;box-shadow:inset 0 -18px 35px #0003}.office-wall>div{display:flex;flex-direction:column;letter-spacing:.13em;color:#9cacbd}.office-wall small{font-size:8px}.office-wall b{font-size:15px}.office-wall em{font-style:normal;font-weight:800;color:#738297;border:2px solid #394758;border-radius:50%;padding:12px 8px;font-size:10px}.floor-grid{display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));gap:22px;padding:28px;background-color:#151c25;background-image:linear-gradient(30deg,#1a232e 12%,transparent 12.5%,transparent 87%,#1a232e 87.5%),linear-gradient(150deg,#1a232e 12%,transparent 12.5%,transparent 87%,#1a232e 87.5%);background-size:42px 72px}.workstation{position:relative;min-height:238px;padding:14px;border:1px solid #303c4b;border-radius:14px;background:linear-gradient(145deg,#1c2632,#111821);text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 14px 24px #0004;transition:.2s}.workstation:hover{transform:translateY(-2px);border-color:#50647a}.workstation.selected{border-color:#438edb;box-shadow:0 0 0 2px #57a5ff1f,0 18px 35px #0006}.workstation.planned{opacity:.66}.station-label{display:flex;align-items:center;gap:8px;position:relative;z-index:2}.station-label b{font-size:13px}.station-label em{margin-left:auto;font-style:normal;font-size:10px;color:var(--muted);text-transform:uppercase}.station-light{width:8px;height:8px;border-radius:50%;background:var(--red)}.station-light.online{background:var(--green);box-shadow:0 0 10px var(--green)}.station-light.busy{background:var(--yellow);box-shadow:0 0 10px var(--yellow)}.station-light.error{background:var(--red);box-shadow:0 0 10px var(--red)}.station-light.login-required{background:var(--orange)}.station-light.planned{background:#687484}.desk-scene{position:absolute;inset:42px 10px 28px;display:block;perspective:600px}.desk-top{position:absolute;left:9%;right:9%;top:82px;height:22px;background:linear-gradient(#526072,#344152);transform:skewX(-12deg);border-radius:3px;box-shadow:0 12px 18px #0006}.desk-top i{position:absolute;width:24px;height:8px;background:#161c24;right:24%;top:-8px;border-radius:2px}.desk-top b{position:absolute;width:12px;height:5px;background:#66c4ff;right:25%;top:-6px}.desk-legs{position:absolute;left:15%;right:12%;top:103px;height:50px;border-left:8px solid #2c3745;border-right:8px solid #2c3745;transform:skewX(-4deg)}.desk-monitor{position:absolute;left:39%;top:17px;width:74px;height:57px;border:6px solid #283443;border-radius:6px;background:linear-gradient(145deg,#12365b,#07111c);box-shadow:0 0 20px #58a6ff2b;display:grid;place-items:center;z-index:2}.desk-monitor:after{content:"";position:absolute;width:22px;height:13px;border-bottom:4px solid #303c49;bottom:-19px}.desk-monitor i{font-style:normal;color:#75c5ff;font-weight:900}.desk-monitor small{font-size:6px;color:#67dacb;letter-spacing:.12em}.worker-person{position:absolute;left:19%;top:35px;z-index:3}.worker-person i{display:block;width:31px;height:31px;border-radius:50%;background:#b98b72;border:4px solid #252f3c}.worker-person b{display:block;width:48px;height:55px;margin:-2px 0 0 -9px;border-radius:18px 18px 5px 5px;background:linear-gradient(135deg,#3d86c4,#22517a)}.office-chair{position:absolute;left:13%;top:76px;width:55px;height:63px;border-radius:15px;background:#252f3c;border:4px solid #394656}.station-task{position:absolute;bottom:9px;left:14px;color:var(--muted);font-size:10px}.floor-footer{display:flex;justify-content:center;gap:28px;padding:16px;border-top:1px solid var(--line);color:#6f7d8d;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.worker-console{align-self:start;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#121a24,#0d131b);padding:20px;box-shadow:0 24px 70px #0005}.console-head{display:flex;align-items:center;gap:11px;padding-bottom:18px;border-bottom:1px solid var(--line)}.console-head h2{font-size:17px}.worker-avatar{width:42px;height:42px}.status{margin-left:auto;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800;text-transform:uppercase}.status.online{background:#173527;color:var(--green)}.status.offline,.status.error{background:#352029;color:#ff9ca6}.status.busy{background:#373219;color:var(--yellow)}.status.login-required{background:#3b291b;color:#ffc08e}.worker-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:18px 0}.worker-facts div{background:#0c1219;padding:10px}.worker-facts .wide{grid-column:1/-1}.worker-facts dt{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.worker-facts dd{margin:3px 0 0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button,.ghost,.examples button{border:1px solid var(--line);background:#18212c;color:var(--text);border-radius:8px;padding:9px 11px;font-weight:700;text-decoration:none;text-align:center;cursor:pointer}.button.primary{background:var(--blue);border-color:var(--blue);color:#07101b}.button.success{color:var(--green)}.button.danger{color:var(--red)}.button.ghost,.ghost{background:transparent}.command-center{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.section-title{display:flex;align-items:start;justify-content:space-between}.section-title h3{margin:0}.section-title>span{font-size:8px;letter-spacing:.12em;color:var(--green);border:1px solid #286044;border-radius:99px;padding:3px 6px}label{display:block;color:var(--muted);font-size:11px;margin:12px 0 6px}.command-row{display:flex;gap:7px}.command-row input,.login-card input{width:100%;min-width:0;border:1px solid var(--line);background:#080c12;color:var(--text);padding:10px 11px;border-radius:8px;outline:none}.command-row input:focus,.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #58a6ff1f}.examples{display:flex;gap:5px;margin:8px 0}.examples button{padding:5px 7px;font:9px ui-monospace,monospace;color:var(--muted)}.result{white-space:pre-wrap;background:#080c12;border:1px solid var(--line);border-radius:9px;padding:12px;min-height:88px;max-height:260px;overflow:auto;color:#bdcadd;font:10px/1.55 ui-monospace,monospace}.content-view{max-width:1280px;margin:auto}.page-intro{padding:20px 0 28px}.page-intro.row{display:flex;align-items:end;justify-content:space-between}.page-intro p:last-child{color:var(--muted);max-width:670px}.registry-grid,.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.registry-card,.info-panel{padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.registry-card header{display:flex;justify-content:space-between}.registry-card p,.info-panel p,.settings-list p{color:var(--muted);font-size:12px}.info-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#202b38;color:var(--blue)}.info-icon.online{color:var(--green)}.info-icon.locked{color:var(--orange)}.muted-panel{opacity:.65}.table-shell{overflow:auto;border:1px solid var(--line);border-radius:13px;background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em;background:#0d141c}.log-status{font-size:9px;text-transform:uppercase;font-weight:800}.log-status.success{color:var(--green)}.log-status.error,.log-status.rejected{color:var(--red)}.settings-list{display:grid;gap:10px}.settings-list article{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.settings-list h3,.settings-list p{margin:0}.settings-list span{color:var(--cyan);font-size:11px}.muted{color:var(--muted)}.login-page,.screen-page{min-height:100vh;display:grid;place-items:center}.login-shell{width:min(440px,calc(100% - 32px))}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:34px}.login-card label{margin-top:16px}.login-card input{display:block;margin-top:6px}.full{width:100%;margin-top:22px}.error{color:var(--red)}.back{color:var(--muted);text-decoration:none}
@media(max-width:1180px){.office-layout{grid-template-columns:1fr}.worker-console{position:static}.registry-grid,.settings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:68px;padding:16px 9px}.office-brand div,.nav-item span,.sidebar-foot div,.sign-out{display:none}.office-brand{padding:0 6px 20px}.nav-item{justify-content:center;font-size:18px}.workspace{margin-left:68px}.workspace-bar{padding:0 16px}.header-meta time{display:none}.view{padding:12px}.floor-grid{grid-template-columns:1fr;padding:16px}.floor-heading{padding:0 15px}.floor-heading>span,.floor-footer{display:none}.registry-grid,.settings-grid{grid-template-columns:1fr}.console-actions{grid-template-columns:1fr 1fr}.page-intro.row{align-items:start}.command-row{flex-direction:column}}

/* Premium operations-room scene */
.office-app{background:radial-gradient(ellipse at 48% 0,#123865 0,#071322 34%,#050a11 72%);background-attachment:fixed}.sidebar{width:82px;padding:18px 10px;background:linear-gradient(180deg,#071321f5,#050a11f5);box-shadow:12px 0 40px #0008}.office-brand{justify-content:center;padding:0 0 22px}.office-brand>div,.sidebar-foot div{display:none}.brand-symbol{width:44px;height:44px;border:1px solid #75d9ff66;background:linear-gradient(145deg,#153f68,#0b1b2e);color:#8ce5ff;box-shadow:inset 0 0 20px #37bfff2d,0 0 18px #1a9ddb28}.main-nav{gap:8px}.nav-item{height:48px;justify-content:center;padding:0;font-size:18px;border:1px solid transparent}.nav-item span{display:none}.nav-item:hover,.nav-item.active{background:linear-gradient(145deg,#12365b,#0a1b30);border-color:#368bc266;box-shadow:inset 0 0 18px #2e9fdf24}.nav-item.active{color:#7ddfff}.sidebar-foot{justify-content:center}.sign-out{font-size:0;border:0}.sign-out:after{content:"↪";font-size:18px;color:#71869c}.workspace{margin-left:82px}.workspace-bar{height:76px;background:linear-gradient(90deg,#07111ddd,#09192add);border-color:#28507180}.workspace-bar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#43c9ff,transparent);opacity:.6}.view{padding:18px}.office-layout{grid-template-columns:minmax(680px,1fr) 375px;gap:14px;max-width:1680px}.office-floor{position:relative;min-height:calc(100vh - 112px);border-color:#28618a;background:#071523;box-shadow:inset 0 0 80px #0b4a7826,0 24px 80px #0009;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.office-floor:before{content:"";position:absolute;z-index:0;inset:78px 0 0;background:linear-gradient(90deg,transparent 49.8%,#42bde414 50%,transparent 50.2%),linear-gradient(#58d8ff0a 1px,transparent 1px);background-size:100% 100%,100% 42px;pointer-events:none}.floor-heading{position:relative;z-index:2;height:64px;background:linear-gradient(90deg,#071320,#0b2136,#071320);border-color:#234b68}.floor-heading h2{font-weight:500;letter-spacing:.04em}.office-wall{position:relative;z-index:2;height:142px;padding:12px 5%;background:linear-gradient(180deg,#0b2138,#07121f);border-bottom:1px solid #3188b5;box-shadow:0 18px 50px #0009;overflow:hidden}.office-wall:before,.office-wall:after{content:"";position:absolute;top:0;width:30%;height:2px;background:linear-gradient(90deg,transparent,#76deff)}.office-wall:before{left:5%}.office-wall:after{right:5%;transform:scaleX(-1)}.command-wall{min-width:54%;height:116px;display:flex!important;align-items:center;justify-content:center;flex-direction:column!important;border:1px solid #3ba9de88;background:linear-gradient(145deg,#08233c,#061421);box-shadow:inset 0 0 35px #219ad62e,0 0 25px #1c9cd324;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}.command-wall small{color:#67caee;font-size:7px;letter-spacing:.28em}.command-wall>b{color:#dff8ff;font-weight:400;font-size:19px;letter-spacing:.32em;text-shadow:0 0 18px #70dfff}.command-wall-stats{width:90%;display:grid!important;grid-template-columns:repeat(4,1fr);margin-top:10px;padding-top:8px;border-top:1px solid #2d7097}.command-wall-stats span{display:flex;flex-direction:column;text-align:center;color:#6f91a9;font-size:6px;letter-spacing:.08em}.command-wall-stats strong{color:#65e2df;font-size:9px;letter-spacing:.04em}.server-bay{width:72px;height:108px!important;display:grid!important;gap:4px;padding:7px!important;border:1px solid #294c66;background:#070d14!important;box-shadow:inset 0 0 15px #000}.server-bay i{position:relative;background:#111f2b;border:1px solid #28475d}.server-bay i:after{content:"";position:absolute;right:5px;top:50%;width:3px;height:3px;border-radius:50%;background:#57e2c1;box-shadow:-7px 0 #347fff}.floor-grid{position:relative;z-index:1;min-height:430px;grid-template-columns:repeat(2,minmax(270px,1fr));gap:8px 6%;padding:32px 6% 22px;background:radial-gradient(ellipse at center,#0e2941 0,#091725 52%,#06101b 100%);overflow:hidden}.floor-grid:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,#39bce910 18.2%,transparent 18.5%,transparent 80%,#39bce910 80.2%,transparent 80.5%),linear-gradient(90deg,transparent 49.7%,#36bff024 50%,transparent 50.3%);pointer-events:none}.floor-grid:after{content:"";position:absolute;left:4%;right:4%;bottom:12px;height:2px;background:linear-gradient(90deg,transparent,#35caff,#35caff,transparent);box-shadow:0 0 14px #35caff}.workstation{min-height:185px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transform:none}.workstation:hover{transform:translateY(-2px);border:0}.workstation.selected{border:0;box-shadow:none}.workstation.selected .desk-scene:before{content:"";position:absolute;inset:58px 5% 3px;border-radius:50%;background:#2ecfff26;filter:blur(10px);animation:station-breathe 3.5s ease-in-out infinite}.workstation.planned{opacity:.48}.workstation.planned .worker-person{opacity:.25;transform:translateX(-8px)}.station-label{position:absolute;z-index:6;left:8%;right:8%;top:0;height:27px;padding:0 10px;border-left:2px solid #41cffa;background:linear-gradient(90deg,#102b42dc,transparent);clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%)}.station-label b{color:#d9f5ff;font-weight:600;letter-spacing:.05em}.station-label em{color:#76a6c2}.station-light.offline{background:#6b7986}.desk-scene{inset:24px 0 5px}.desk-monitor{left:43%;top:22px;width:67px;height:50px;border-color:#18354c;background:linear-gradient(145deg,#0c4f7a,#061725);box-shadow:0 0 25px #40c8ff4a}.desk-monitor:before{content:"";position:absolute;right:-55px;top:2px;width:48px;height:40px;border:5px solid #18354c;border-radius:4px;background:linear-gradient(145deg,#0a3c61,#06131f);box-shadow:0 0 16px #2c9dd63d}.planned .desk-monitor,.planned .desk-monitor:before{background:#091019;box-shadow:none}.desk-top{left:10%;right:8%;top:88px;height:16px;background:linear-gradient(#40576c,#203449);box-shadow:0 3px #38bdea,0 14px 25px #0009}.desk-top:after{content:"";position:absolute;left:58%;top:-8px;width:34px;height:6px;border-radius:1px;background:repeating-linear-gradient(90deg,#183041 0 3px,#55bde5 3px 4px);transform:skewX(12deg)}.desk-legs{top:104px;height:44px;border-color:#172a3d}.worker-person{left:22%;top:39px}.worker-person i{background:#9a7564;border-color:#142536;box-shadow:0 -5px #263f52}.worker-person b{background:linear-gradient(135deg,#235e88,#102d49)}.office-chair{left:15%;top:70px;background:linear-gradient(145deg,#1b3043,#0d1824);border-color:#29465c}.desk-scene:after{content:"";position:absolute;right:13%;top:76px;width:13px;height:18px;background:#245c45;border-radius:60% 10% 60% 10%;box-shadow:-8px 3px #2d7456,0 8px 0 -3px #527384}.station-task{z-index:6;bottom:0;left:8%;color:#65a8c7;letter-spacing:.08em}.activity-ticker{position:relative;z-index:2;height:38px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:0 18px;background:#07111c;border-top:1px solid #275372;border-bottom:1px solid #1e415a;color:#7195ae;font:9px ui-monospace,monospace;letter-spacing:.08em}.activity-ticker strong{color:#67d9f5}.activity-ticker>div{overflow:hidden;white-space:nowrap}.activity-ticker i{font-style:normal;color:#5ed9b0}.worker-console{border-color:#296188;background:linear-gradient(160deg,#0b1b2b,#07111c);box-shadow:inset 0 0 40px #0d426626,0 25px 80px #0009;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.console-head{border-color:#265271}.worker-facts{background:#1b3b52;border-color:#285776}.worker-facts div{background:#081522}.command-center{border-color:#275470}.result{border-color:#244d69;background:#050c13}.button.primary{background:linear-gradient(180deg,#319cd3,#1975ac);border-color:#4ac9ff;color:#e7f9ff;box-shadow:inset 0 1px #a5e9ff5c}.registry-card,.info-panel,.settings-list article,.table-shell{background:#091725;border-color:#285370}
@keyframes station-breathe{50%{opacity:.45;transform:scale(1.04)}}
@media(max-width:1180px){.office-layout{grid-template-columns:minmax(680px,1fr)}.worker-console{max-width:none}.office-floor{min-width:680px}.view.active{overflow-x:auto}}@media(max-width:760px){.workspace{margin-left:68px}.sidebar{width:68px}.office-layout{grid-template-columns:680px}.floor-grid{grid-template-columns:repeat(2,1fr);padding:28px 4%}.server-bay{display:none!important}.command-wall{min-width:90%}.activity-ticker{grid-template-columns:auto 1fr}.activity-ticker i{display:none}}

/* Ten-seat elevated office floor */
.office-wall{height:108px;padding-top:8px;padding-bottom:8px}.command-wall{height:90px}.command-wall-stats{margin-top:6px;padding-top:5px}.server-bay{height:84px!important}.floor-grid{grid-template-columns:repeat(4,minmax(125px,1fr));grid-template-rows:repeat(3,126px);gap:9px 2.5%;min-height:405px;padding:18px 3.5% 15px;perspective:900px;background:radial-gradient(ellipse at 50% 20%,#123552 0,#091827 58%,#050e18 100%)}.floor-grid:before{background:linear-gradient(115deg,transparent 18%,#39bce90e 18.2%,transparent 18.5%,transparent 80%,#39bce90e 80.2%,transparent 80.5%),repeating-linear-gradient(90deg,transparent 0 24.8%,#36bff011 25%,transparent 25.2% 50%),repeating-linear-gradient(0deg,transparent 0 32.8%,#36bff00d 33%,transparent 33.2% 66%)}.workstation{min-height:126px;height:126px}.workstation .desk-scene{width:172%;height:164px;left:-36%;right:auto;top:18px;bottom:auto;transform:scale(.56) rotateX(3deg);transform-origin:50% 0}.workstation:hover{transform:translateY(-1px)}.workstation.selected .desk-scene:before{inset:53px 8% 7px}.station-label{left:3%;right:3%;height:21px;padding:0 7px}.station-label b{font-size:9px}.station-label em{font-size:7px}.station-light{width:6px;height:6px}.station-task{left:4%;bottom:0;font-size:7px}.worker-person i{position:relative;background:#ac8069;border-color:#142536;box-shadow:inset 0 6px #253b4d}.worker-person i:before{content:"";position:absolute;left:7px;top:12px;width:3px;height:3px;border-radius:50%;background:#18212b;box-shadow:10px 0 #18212b,5px 5px 0 -1px #8c594b}.worker-person i:after{content:"";position:absolute;left:10px;bottom:5px;width:9px;height:4px;border-bottom:2px solid #693f3b;border-radius:50%}.worker-person b:before,.worker-person b:after{content:"";position:absolute;top:35px;width:11px;height:37px;border-radius:9px;background:#204d70}.worker-person b:before{left:-10px;transform:rotate(-23deg)}.worker-person b:after{right:-20px;transform:rotate(28deg)}.planned .worker-person.idle{opacity:.18}.coffee-zone{grid-column:3/5;grid-row:3;position:relative;border-top:1px solid #285979;background:linear-gradient(180deg,#0b243900,#0b243985);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}.coffee-zone>b{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font-size:6px;letter-spacing:.2em;color:#5685a1;white-space:nowrap}.coffee-machine{position:absolute;left:19%;top:24px;width:34px;height:54px;border:2px solid #28465a;background:#111d27;box-shadow:inset 0 0 12px #000}.coffee-machine:before{content:"";position:absolute;left:7px;right:7px;top:8px;height:15px;background:#071019;border:1px solid #286280}.coffee-machine i{position:absolute;left:12px;bottom:9px;width:10px;height:13px;border:2px solid #4d6d7c;border-radius:2px}.lounge-chair{position:absolute;right:17%;top:29px;width:54px;height:45px;border-radius:16px 16px 7px 7px;background:linear-gradient(145deg,#24455d,#102638);box-shadow:0 9px 15px #0006}.lounge-table{position:absolute;left:51%;top:52px;width:38px;height:16px;border-radius:50%;background:#35566b;box-shadow:0 5px #182b39}.lounge-table i{position:absolute;left:13px;top:-9px;width:10px;height:10px;border:2px solid #65889c;border-radius:2px}.activity-ticker{height:32px}.floor-footer{padding:10px}.office-floor{min-height:calc(100vh - 112px)}
@media(max-width:1180px){.floor-grid{grid-template-columns:repeat(4,minmax(125px,1fr));grid-template-rows:repeat(3,126px)}.office-floor{min-width:680px}}@media(max-width:760px){.floor-grid{grid-template-columns:repeat(4,minmax(125px,1fr));padding:18px 3.5% 15px}.office-layout{grid-template-columns:680px}}

/* Structural scene: one room, absolutely positioned furniture, no station cells */
.office-room{position:relative;z-index:1;height:430px;min-height:430px;overflow:hidden;background:radial-gradient(ellipse at 50% 14%,#123958 0,#0a1c2d 46%,#050e18 100%);perspective:900px;transform-style:preserve-3d}.office-room:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 10%,#57d5ff0b 10.2%,transparent 10.5%,transparent 88%,#57d5ff0b 88.2%,transparent 88.5%),repeating-linear-gradient(90deg,transparent 0 9.9%,#37bff00b 10%,transparent 10.1% 20%),repeating-linear-gradient(0deg,transparent 0 24.8%,#37bff00b 25%,transparent 25.2% 50%);transform:perspective(600px) rotateX(9deg) scale(1.08);transform-origin:top;pointer-events:none}.office-room:after{content:"DOOR  ·  SECURE ACCESS";position:absolute;right:2%;top:8px;width:70px;height:105px;padding-top:10px;border:1px solid #326888;border-bottom:4px solid #1b415b;background:linear-gradient(110deg,#102b40cc,#173a5399);box-shadow:inset 12px 0 20px #82dfff0b;color:#5f8ba5;text-align:center;font-size:5px;letter-spacing:.12em;pointer-events:none}.desk-station{position:absolute;width:22%;height:126px;margin:0;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--text);text-align:left;cursor:pointer;overflow:visible;appearance:none;transition:filter .2s,transform .2s}.desk-station:hover{filter:brightness(1.18);transform:translateY(-2px)}.desk-station:focus-visible{outline:1px dashed #72ddff;outline-offset:3px}.desk-station.selected:before{content:"SELECTED";position:absolute;z-index:8;right:2%;top:2px;color:#77e8ff;font-size:5px;letter-spacing:.17em;text-shadow:0 0 8px #47d8ff}.desk-station.selected:after{content:"";position:absolute;z-index:-1;left:4%;right:4%;bottom:4px;height:25px;border-radius:50%;background:#21c9ff2b;filter:blur(8px);animation:station-breathe 3.5s ease-in-out infinite}.desk-station.planned{opacity:.5}.desk-station .desk-scene{position:absolute;width:172%;height:164px;left:-36%;right:auto;top:18px;bottom:auto;display:block;transform:scale(.56) rotateX(3deg);transform-origin:50% 0}.desk-station .station-label{position:absolute;z-index:7;left:3%;right:3%;top:0;height:21px;padding:0 7px;display:flex;align-items:center;gap:6px;border:0;border-left:2px solid #41cffa;background:linear-gradient(90deg,#0b2740b8,transparent);clip-path:none}.desk-station .station-task{position:absolute;z-index:7;left:4%;bottom:0;color:#65a8c7;font-size:7px;letter-spacing:.08em}.desk-1{left:3%;top:17px}.desk-2{left:26%;top:25px}.desk-3{left:49%;top:16px}.desk-4{left:72%;top:30px}.desk-5{left:6%;top:145px}.desk-6{left:29%;top:154px}.desk-7{left:52%;top:143px}.desk-8{left:75%;top:160px}.desk-9{left:17%;top:281px}.desk-10{left:41%;top:291px}.coffee-zone{position:absolute;z-index:2;left:67%;right:3%;top:284px;height:122px;border:0;border-top:1px solid #285979;background:radial-gradient(ellipse at center,#0e2c44aa,transparent 70%);clip-path:none}.coffee-zone:before{content:"STORAGE";position:absolute;right:2%;top:-112px;width:38px;height:90px;padding-top:5px;border:1px solid #284b63;background:repeating-linear-gradient(0deg,#101e29 0 18px,#263f50 19px 20px);color:#527890;text-align:center;font-size:5px;letter-spacing:.1em}.coffee-zone:after{content:"";position:absolute;right:21%;top:-55px;width:18px;height:35px;border-radius:50% 50% 8px 8px;background:radial-gradient(ellipse at 30% 25%,#39775b 0 16%,transparent 17%),radial-gradient(ellipse at 70% 35%,#2e684e 0 18%,transparent 19%),linear-gradient(90deg,transparent 40%,#345849 41% 58%,transparent 59%);border-bottom:12px solid #425d6b}.office-room .coffee-machine{left:8%}.office-room .lounge-chair{right:8%}.office-room .lounge-table{left:46%}
@media(max-width:1180px){.office-room{width:100%;min-width:680px}}@media(max-width:760px){.office-room{width:680px;min-width:680px}}

/* Focused worker floor: standalone decorative zones intentionally removed. */
.office-room:after{content:none!important;display:none!important}.office-door,.coffee-zone,.coffee-machine,.lounge-chair,.lounge-table{display:none!important}.desk-9{left:27%!important}.desk-10{left:53%!important}

/* 2.5D diorama depth and physical object layering */
.office-room{perspective:1050px;perspective-origin:50% 12%;isolation:isolate;background:linear-gradient(180deg,#0b2338 0 8%,#0a1b2c 8% 100%)}.office-room:before{inset:-45px -4% -90px;transform:rotateX(57deg) translateZ(-65px);transform-origin:50% 0;background:radial-gradient(ellipse at 50% 8%,#17608c38,transparent 50%),repeating-linear-gradient(90deg,transparent 0 9.8%,#4fd3ff16 10%,transparent 10.2% 20%),repeating-linear-gradient(0deg,transparent 0 39px,#4fd3ff12 40px,transparent 41px 80px);box-shadow:inset 0 40px 90px #0008}.office-room .desk-station{transform-style:preserve-3d;filter:drop-shadow(0 14px 9px #0008)}.office-room .desk-station:hover{transform:translateY(-3px) translateZ(10px);filter:brightness(1.18) drop-shadow(0 18px 12px #000a)}.office-room .desk-scene{transform-style:preserve-3d;transform:scale(.56) rotateX(4deg) rotateZ(-1deg)}.desk-1,.desk-2,.desk-3,.desk-4{z-index:3;transform:scale(.88);transform-origin:50% 100%}.desk-5,.desk-6,.desk-7,.desk-8{z-index:5;transform:scale(.96);transform-origin:50% 100%}.desk-9,.desk-10{z-index:8;transform:scale(1.04);transform-origin:50% 100%}.desk-1{top:12px}.desk-2{top:17px}.desk-3{top:10px}.desk-4{top:21px}.desk-5{top:137px}.desk-6{top:145px}.desk-7{top:134px}.desk-8{top:149px}.desk-9{top:272px}.desk-10{top:280px}.desk-top{height:19px;transform:skewX(-12deg) rotateX(8deg);transform-origin:bottom;background:linear-gradient(180deg,#60768a 0 35%,#344c60 36% 67%,#172c3e 68%);box-shadow:0 4px 0 #102434,0 7px 0 #07131e,0 19px 25px #000b}.desk-top:before{content:"";position:absolute;left:100%;top:3px;width:9px;height:16px;background:linear-gradient(135deg,#3b5368,#172a3b);clip-path:polygon(0 0,100% 35%,100% 100%,0 100%)}.desk-legs{top:106px;height:50px;border-left-width:10px;border-right-width:10px;border-color:#13283a;filter:drop-shadow(8px 11px 5px #000a)}.desk-monitor{transform:rotateX(-4deg);border-bottom-width:9px;background:linear-gradient(145deg,#116a9d,#061725);box-shadow:0 0 28px #40c8ff60,7px 10px 9px #0009}.desk-monitor:before{transform:translateZ(-4px) rotateY(-5deg);box-shadow:0 0 20px #2c9dd64f,6px 9px 8px #0009}.desk-monitor:after{height:17px;border-bottom-width:5px;filter:drop-shadow(4px 5px 3px #0009)}.desk-top>i{height:9px;transform:skewX(12deg) rotateX(12deg);box-shadow:4px 5px 5px #0008}.office-chair{top:68px;height:69px;transform:rotateX(-4deg) skewY(2deg);border-bottom-width:9px;box-shadow:7px 13px 10px #000a,inset -8px -10px 12px #07111a66}.office-chair:before{content:"";position:absolute;left:8px;right:8px;bottom:-18px;height:18px;border-left:5px solid #172a3a;border-right:5px solid #172a3a;filter:drop-shadow(5px 7px 3px #000)}.worker-person{transform-style:preserve-3d;filter:drop-shadow(6px 10px 6px #0008)}.worker-person i{border-bottom-width:6px;box-shadow:inset -5px -3px #855e50,inset 0 7px #253b4d}.worker-person b{position:relative;background:linear-gradient(120deg,#286d9d 0 45%,#174568 46% 76%,#0d2b44 77%);box-shadow:inset -8px -5px #0a263b}.worker-person b:before{box-shadow:inset -3px -4px #0d2a41}.worker-person b:after{box-shadow:inset 3px -4px #0d2a41}.desk-scene:after{filter:drop-shadow(4px 8px 4px #0008)}.desk-station.selected .desk-top{box-shadow:0 3px 0 #53dfff,0 7px 0 #07131e,0 19px 28px #14bfff42}.coffee-zone{z-index:9;transform:rotateX(2deg);filter:drop-shadow(0 14px 10px #0008)}.coffee-machine{transform:skewY(-2deg);border-right-width:5px;border-bottom-width:6px;box-shadow:inset -7px -7px 10px #0008,8px 12px 8px #0009}.lounge-chair{border-bottom:8px solid #0d2030;box-shadow:inset -9px -8px #0b2132,9px 14px 10px #0009;transform:rotate(-7deg)}.lounge-table{height:20px;transform:rotateX(15deg);box-shadow:0 7px #182b39,8px 14px 8px #0009}.coffee-zone:before{border-right-width:7px;border-bottom-width:8px;box-shadow:inset -9px -8px 16px #0009,10px 16px 10px #0009}.coffee-zone:after{filter:drop-shadow(7px 12px 6px #0009)}.server-bay{transform:rotateY(4deg);border-right-width:6px;border-bottom-width:7px;box-shadow:inset -8px -8px 14px #000,9px 12px 9px #0009}.server-bay.right{transform:rotateY(-4deg)}
.office-room .desk-1:hover,.office-room .desk-2:hover,.office-room .desk-3:hover,.office-room .desk-4:hover{transform:scale(.88) translateY(-2px)}.office-room .desk-5:hover,.office-room .desk-6:hover,.office-room .desk-7:hover,.office-room .desk-8:hover{transform:scale(.96) translateY(-2px)}.office-room .desk-9:hover,.office-room .desk-10:hover{transform:scale(1.04) translateY(-2px)}

/* Explicit cartoon-diorama room geometry */
.room-side{position:absolute;z-index:1;top:0;bottom:0;width:9%;pointer-events:none;transform-style:preserve-3d}.room-side-left{left:0;background:linear-gradient(90deg,#06101b,#12334a);transform:rotateY(63deg);transform-origin:left;box-shadow:inset -8px 0 18px #58cfff14,12px 0 18px #0006}.room-side-right{right:0;background:linear-gradient(270deg,#06101b,#12334a);transform:rotateY(-63deg);transform-origin:right;box-shadow:inset 8px 0 18px #58cfff14,-12px 0 18px #0006}.glass-partition{position:absolute;left:10%;top:18px;width:74%;height:155px;border:3px solid #315b73;background:linear-gradient(135deg,#77d9ff17,#08233a16);box-shadow:inset 8px 0 15px #a9eaff0b,7px 9px 11px #0007}.glass-partition i{position:absolute;top:0;bottom:0;width:2px;background:#315b73}.glass-partition i:nth-child(1){left:33%}.glass-partition i:nth-child(2){left:66%}.glass-partition i:nth-child(3){left:12%;top:15px;bottom:auto;width:55%;height:1px;background:#b5ecff40;transform:rotate(-42deg)}.office-door{position:absolute;right:8%;top:12px;width:64%;height:128px;border:4px solid #274b62;border-bottom-width:9px;background:linear-gradient(110deg,#15384e,#0a1c2b);box-shadow:inset 10px 0 16px #6ddaff10,-7px 12px 12px #0008}.office-door:after{content:"";position:absolute;right:7px;top:56%;width:7px;height:7px;border-radius:50%;background:#7fd6e8;box-shadow:0 0 8px #7fd6e8}.office-door i{position:absolute;left:12%;right:12%;top:10%;height:37%;background:#57c8eb0e;border:1px solid #39708e}.ceiling-lights{position:absolute;z-index:1;left:12%;right:12%;top:-3px;display:flex;justify-content:space-around;pointer-events:none}.ceiling-lights i{width:86px;height:3px;background:#a2edff;box-shadow:0 0 9px #6ddfff,0 16px 35px 11px #54cfff24;transform:perspective(80px) rotateX(-20deg)}.wall-clock{position:absolute;z-index:3;right:10%;top:16px;width:31px;height:31px;border:4px solid #294c61;border-radius:50%;background:#d4eff2;box-shadow:5px 8px 8px #0008}.wall-clock i,.wall-clock b{position:absolute;left:50%;top:50%;width:2px;background:#163247;transform-origin:top}.wall-clock i{height:9px;transform:rotate(35deg)}.wall-clock b{height:7px;transform:rotate(125deg)}.desk-pedestal{position:absolute;z-index:0;right:11%;top:101px;width:35px;height:49px;background:linear-gradient(90deg,#1a3448,#0d2233 70%,#071521 71%);border-top:3px solid #496a7e;box-shadow:8px 11px 8px #0009}.desk-pedestal:before,.desk-pedestal:after{content:"";position:absolute;left:5px;right:5px;height:1px;background:#355369}.desk-pedestal:before{top:16px}.desk-pedestal:after{top:31px}.mini-pc{position:absolute;z-index:1;right:20%;top:56px;width:18px;height:35px;border:2px solid #1f3b50;background:linear-gradient(90deg,#132b3d,#07121d);box-shadow:5px 7px 6px #0009}.mini-pc i{position:absolute;left:4px;top:5px;width:4px;height:4px;border-radius:50%;background:#64e8bf;box-shadow:0 0 6px #64e8bf}.desk-cup{position:absolute;z-index:5;right:31%;top:77px;width:10px;height:12px;border:2px solid #8ec0d0;border-top:0;border-radius:1px 1px 4px 4px;box-shadow:3px 5px 4px #0008}.desk-cup:after{content:"";position:absolute;right:-7px;top:2px;width:5px;height:6px;border:2px solid #8ec0d0;border-left:0;border-radius:0 5px 5px 0}.chair-base{position:absolute;z-index:0;left:11%;top:124px;width:62px;height:7px;background:#101f2d;border-radius:50%;box-shadow:7px 8px 6px #0009}.chair-base:before{content:"";position:absolute;left:29px;bottom:1px;width:6px;height:26px;background:#172d3e}.chair-base i,.chair-base i:before,.chair-base i:after{position:absolute;width:18px;height:4px;background:#172d3e}.chair-base i{left:23px;top:1px}.chair-base i:before,.chair-base i:after{content:""}.chair-base i:before{transform:rotate(55deg);transform-origin:left}.chair-base i:after{transform:rotate(-55deg);transform-origin:right}.cartoon-face{position:absolute;z-index:8;left:0;top:0;width:31px;height:31px;border-radius:48% 48% 46% 46%;pointer-events:none}.cartoon-hair{position:absolute;z-index:9;left:1px;top:-1px;width:29px;height:12px;border-radius:55% 55% 25% 45%;background:linear-gradient(145deg,#1b2630,#080c10);box-shadow:-2px 6px 0 -1px #111a21,5px 2px 0 #17232c}.cartoon-face .eye{position:absolute;top:13px;width:3px;height:4px;border-radius:50%;background:#10171d;box-shadow:inset 1px 0 #8dc7dd}.cartoon-face .eye.left{left:8px}.cartoon-face .eye.right{right:8px}.cartoon-face .brow{position:absolute;top:9px;width:7px;height:2px;border-radius:50%;background:#30251f}.cartoon-face .brow.left{left:5px;transform:rotate(-5deg)}.cartoon-face .brow.right{right:5px;transform:rotate(5deg)}.cartoon-face .ear{position:absolute;top:14px;width:5px;height:7px;border-radius:50%;background:#956b5a}.cartoon-face .ear.left{left:-3px}.cartoon-face .ear.right{right:-3px}.cartoon-face .nose{position:absolute;left:14px;top:15px;width:3px;height:5px;border-right:1px solid #754f47;border-bottom:1px solid #754f47;transform:skewY(-20deg)}.cartoon-face .mouth{position:absolute;left:11px;top:23px;width:9px;height:4px;border-bottom:2px solid #693d3c;border-radius:50%}.cartoon-neck{position:absolute;z-index:1;left:11px;top:27px;width:10px;height:11px;background:#9b705d;box-shadow:inset -3px 0 #805746}.cartoon-hand{position:absolute;z-index:8;top:68px;width:8px;height:8px;border-radius:50%;background:#a97862;box-shadow:2px 3px 3px #0006}.cartoon-hand.left{left:-6px}.cartoon-hand.right{right:-17px}.cartoon-legs{position:absolute;z-index:0;left:2px;top:80px}.cartoon-legs i,.cartoon-legs b{position:absolute;width:13px;height:37px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#182c41,#0b1c2d);box-shadow:4px 6px 4px #0006}.cartoon-legs i{left:1px;transform:rotate(12deg)}.cartoon-legs b{left:22px;transform:rotate(-8deg)}.planned .cartoon-face,.planned .cartoon-hair,.planned .cartoon-hand,.planned .cartoon-neck,.planned .cartoon-legs{opacity:.5}