@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap");:root{--ink:#272825;--muted:#797a74;--paper:#f6f3ed;--white:#fff;--line:#e5e1d8;--accent:#f16f50;--violet:#7c6ae8;--green:#309875;--orange:#d58a2f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:88px minmax(720px,1fr) 330px;min-height:100vh}.rail{background:#252824;color:#fff;flex-direction:column;padding:25px 12px;position:sticky;top:0;height:100vh}.brand,.rail{display:flex;align-items:center}.brand{gap:8px;font:700 12px/1.05 Manrope}.brand>span{width:36px;height:36px;border-radius:12px;background:var(--accent);display:grid;place-items:center}.rail nav{display:flex;flex-direction:column;gap:8px;margin-top:72px;width:100%}.rail nav button{color:#979c96;background:none;border:0;border-radius:14px;padding:11px 4px;display:grid;justify-items:center;gap:5px}.rail nav button svg{width:20px}.rail nav button.active{background:#3b3e39;color:#fff}.rail nav small{font-size:10px}.owner{margin-top:auto;background:#555d54;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:12px;font-weight:700}.workspace{padding:34px 32px 30px;min-width:0}.workspace>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#9a8075;font-size:10px;font-weight:700;margin:0 0 7px}.workspace h1{font:700 29px/1.15 Manrope;margin:0}.header-actions{display:flex;align-items:center;gap:10px}.demo{border:1px solid #e2c89e;background:#fff8e8;color:#9b6c22;border-radius:50px;font-size:10px;font-weight:700;padding:8px 11px;letter-spacing:.08em}.demo i,.live-dot{display:inline-block;width:6px;height:6px;background:#e0972d;border-radius:50%;margin-right:6px}.pause,.primary{border:0;border-radius:11px;padding:10px 15px;display:flex;align-items:center;gap:7px;font-weight:600}.primary{background:var(--accent);color:white;box-shadow:0 5px 14px #ef795044}.pause{background:#fff;border:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;display:flex;align-items:center;gap:13px}.stat>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.stat svg{width:18px}.stat .violet{background:#eeeaff;color:var(--violet)}.stat .orange{background:#fff0dd;color:var(--orange)}.stat .green{background:#e2f3ec;color:var(--green)}.stat .blue{background:#e7f0fc;color:#4d83c1}.stat b{font:700 20px Manrope}.stat p{font-size:11px;color:var(--muted);margin:2px 0 0}.viewbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.viewbar>div{background:#e9e5dd;padding:4px;border-radius:10px}.viewbar button{border:0;background:transparent;padding:8px 15px;border-radius:8px;color:var(--muted);font-weight:600;font-size:12px}.viewbar button.selected{background:#fff;color:var(--ink);box-shadow:0 2px 7px #bcb6aa44}.viewbar>span{font-size:10px;color:var(--muted)}.live-dot{background:#35a878;box-shadow:0 0 0 4px #d8eee6}.office{height:calc(100vh - 238px);min-height:500px;border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative;background:#ebe6dd}.loading,.scene-loading{height:100vh;display:grid;place-items:center;color:var(--muted)}.nameplate{position:relative;border:1px solid #d8d2c8;border-radius:9px;background:#ffffffed;padding:6px 24px 6px 9px;text-align:left;white-space:nowrap;box-shadow:0 5px 14px #6e67551f;color:var(--ink)}.nameplate b,.nameplate span{display:block}.nameplate b{font-size:11px}.nameplate span{font-size:8px;color:#777}.nameplate i{position:absolute;right:8px;top:10px;width:7px;height:7px;border-radius:50%}.pulse{box-shadow:0 0 0 4px #65c99b33}.legend{position:absolute;left:18px;bottom:18px;display:flex;gap:8px;background:#fffffff0;border:1px solid var(--line);padding:9px 12px;border-radius:10px;font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%}.l0{background:var(--green)}.l1{background:var(--violet)}.l2{background:var(--orange)}.l3{background:#929790}.activity{background:#fff;border-left:1px solid var(--line);padding:36px 25px;overflow:auto;height:100vh;position:sticky;top:0}.activity h2{font:700 17px Manrope;margin:0}.activity h2 span{font:600 10px DM Sans;background:#eeeae3;padding:4px 7px;border-radius:10px;color:#777}.sub{font-size:11px;color:var(--muted);margin:5px 0 24px}.activity article{display:flex;gap:12px;padding:0 0 21px;position:relative}.activity article>i{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:5px;flex:none;box-shadow:0 0 0 4px #e4f1ec}.activity article b{font-size:11px;line-height:1.35;display:block}.activity article p{font-size:10px;color:var(--muted);margin:4px 0}.activity article small{font-size:9px;color:#aaa}.approval-title{margin-top:13px!important;margin-bottom:12px!important}.approval-card{background:#fff8e9;border:1px solid #ecd8ae;border-radius:14px;padding:15px}.approval-card>svg{color:var(--orange);width:20px}.approval-card>b{display:block;font-size:11px;margin-top:6px}.approval-card>p{font-size:10px;color:#806e4e;line-height:1.5}.approval-card>div{display:flex;gap:7px}.approval-card button{flex:1;border:1px solid #e2d2b3;background:white;border-radius:8px;padding:7px;font-size:9px;display:flex;gap:3px;align-items:center;justify-content:center}.approval-card button svg{width:12px}.approval-card button.allow{background:#2f8f70;color:#fff;border-color:#2f8f70}.kanban{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:10px;overflow:auto;padding-bottom:20px}.kanban>section{background:#ece8e0;border-radius:14px;padding:11px;min-height:480px}.kanban h3{font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin:3px 4px 13px;display:flex;justify-content:space-between}.kanban h3 span{color:#999}.kanban article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:9px}.kanban article>small{color:#aa7a3a;font-size:8px}.kanban h4{font-size:12px;margin:7px 0}.kanban article p{font-size:10px;color:#777;line-height:1.4}.kanban footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#888}.kanban footer i{width:21px;height:21px;border:2px solid #fff;border-radius:50%;display:inline-grid;place-items:center;color:white;font-style:normal;margin-right:-5px}.drawer-backdrop,.modal-bg{position:fixed;inset:0;background:#25282455;z-index:20;display:flex;justify-content:flex-end;backdrop-filter:blur(3px)}.drawer{width:390px;height:100%;background:#fff;padding:45px 35px;position:relative;box-shadow:-20px 0 60px #25282422}.close{position:absolute;top:18px;right:18px;border:0;background:#efede8;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.close svg{width:17px}.avatar{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;color:white;margin-bottom:22px}.avatar,.drawer h2{font:700 28px Manrope}.drawer h2{margin:0}.drawer h3{font-size:14px;color:var(--muted);font-weight:500}.drawer dl{margin:30px 0}.drawer dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.drawer dt{color:var(--muted)}.drawer dd{font-weight:600}.full{width:100%}.full,.modal-bg{justify-content:center}.modal-bg{align-items:center}.modal{background:#fff;border-radius:20px;width:min(480px,calc(100vw - 30px));padding:32px;position:relative}.modal h2{font:700 25px Manrope;margin:0 0 23px}.modal label{display:block;font-size:11px;font-weight:600;margin:15px 0}.modal input,.modal textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;padding:11px 12px;outline:none}.modal textarea{min-height:110px;resize:vertical}.modal input:focus,.modal textarea:focus{border-color:#9b8cff;box-shadow:0 0 0 3px #9b8cff1f}.error{color:#c43e39;font-size:11px}@media(max-width:1180px){.shell{grid-template-columns:74px 1fr}.activity{display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.rail{height:64px;position:fixed;z-index:10;bottom:0;top:auto;width:100%;flex-direction:row;padding:8px 14px}.brand{display:none}.rail nav{margin:0;flex-direction:row;justify-content:space-around}.rail nav button{padding:5px 12px}.owner{margin:0}.workspace{padding:20px 14px 84px}.workspace>header{align-items:flex-start}.workspace h1{font-size:22px}.header-actions .demo,.header-actions .pause{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:11px}.viewbar{margin-top:16px}.office{height:520px}.kanban{grid-template-columns:repeat(6,220px)}.drawer{width:100%}}.office{min-height:540px;border-color:#d8d2c7;background:#d8e6ea;box-shadow:0 24px 70px #4f453322}.office:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff66,inset 0 -90px 100px #49341b12}.nameplate{border-color:#ffffff24;border-radius:10px;background:#1f2223e8;padding:7px 12px 7px 27px;box-shadow:0 8px 24px #1b1c1d35;color:#fff;backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}.nameplate:hover{transform:translateY(-2px);background:#17191a}.nameplate span{color:#c7cdca;margin-top:3px}.nameplate i{left:11px;right:auto;top:12px}.legend{z-index:2;background:#202323df;color:#f4f5f2;border-color:#ffffff22;backdrop-filter:blur(10px)}.legend .l0{background:#75d991}.legend .l1{background:#ffd45e}.legend .l2{background:#ff9d66}.legend .l3{background:#aeb8ad}.photo-office{position:relative;width:100%;height:100%;overflow:hidden;background:#a8896b}.photo-office>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.94) contrast(1.02)}.office-light{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,#1d160d25)}.person-hotspot{position:absolute;width:1px;height:1px;padding:0;border:0;background:none;z-index:3}.person-marker{position:absolute;left:-24px;top:-24px;width:48px;height:48px;border-radius:50%;border:1px solid color-mix(in srgb,var(--status) 58%,transparent);box-shadow:0 0 0 8px color-mix(in srgb,var(--status) 12%,transparent);opacity:.42;transform:scale(.72);transition:opacity .25s ease,transform .25s ease}.person-marker.is-active{animation:photoPulse 2.2s ease-in-out infinite}.person-hotspot:focus-visible .person-marker,.person-hotspot:hover .person-marker{opacity:1;transform:scale(1)}.photo-nameplate{position:absolute;left:16px;bottom:16px;min-width:132px;padding:10px 12px 9px 31px;border:1px solid #ffffff38;border-radius:12px;background:#181b1ce8;color:#fff;box-shadow:0 10px 28px #1118;text-align:left;white-space:nowrap;backdrop-filter:blur(12px);transform:translateY(0);transition:transform .22s ease,background .22s ease}.person-hotspot:focus-visible .photo-nameplate,.person-hotspot:hover .photo-nameplate{transform:translateY(-4px);background:#101213f2}.person-hotspot.align-right .photo-nameplate{left:auto;right:16px}.photo-nameplate i{position:absolute;left:12px;top:13px;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px #ffffff14}.photo-nameplate b,.photo-nameplate small{display:block}.photo-nameplate b{font:700 12px Manrope,sans-serif}.photo-nameplate small{margin-top:2px;color:#cbd0cd;font-size:8px}.photo-nameplate em{position:absolute;left:31px;top:calc(100% + 5px);padding:4px 7px;border-radius:6px;background:#f3eee6e8;color:#3b3935;font-size:7px;font-style:normal;font-weight:700;box-shadow:0 4px 12px #18120d2b}.office-caption{position:absolute;right:18px;top:18px;z-index:2;padding:11px 14px;border:1px solid #ffffff54;border-radius:12px;background:#f9f6efcf;color:#292a27;box-shadow:0 10px 30px #30231624;backdrop-filter:blur(14px)}.office-caption small,.office-caption span{display:block}.office-caption span{color:#8f765f;font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.office-caption b{display:block;margin:2px 0;font:700 13px Manrope,sans-serif}.office-caption small{color:#6e6f69;font-size:8px}@keyframes photoPulse{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:.8;transform:scale(1)}}@media(max-width:760px){.photo-office>img{object-position:52% center}.photo-nameplate{min-width:108px;padding:7px 9px 7px 24px}.photo-nameplate i{left:9px;top:10px}.office-caption,.photo-nameplate em{display:none}.photo-nameplate b{font-size:10px}.photo-nameplate small{font-size:7px}}.photo-office.panorama{touch-action:none;cursor:grab;user-select:none}.photo-office.panorama.is-dragging{cursor:grabbing}.panorama-world{position:absolute;inset:-3%;width:106%;height:106%;transform-origin:center;transition:transform .18s ease-out;will-change:transform}.is-dragging .panorama-world{transition:none}.panorama-world .office-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}.moving-agent{position:absolute;width:1px;height:1px;padding:0;border:0;background:none;transform:translate(-50%,-100%);transition:left 11s cubic-bezier(.45,.02,.32,1),top 11s cubic-bezier(.45,.02,.32,1);filter:drop-shadow(0 12px 10px #2d1d123d)}.moving-agent>img{position:absolute;left:50%;bottom:-3px;width:clamp(74px,8.2vw,128px);height:auto;transform:translateX(-50%);pointer-events:none;transition:transform .25s ease}.moving-agent:focus-visible>img,.moving-agent:hover>img{transform:translateX(-50%) scale(1.035)}.moving-agent.zone-lunch>img,.moving-agent.zone-tea>img,.moving-agent.zone-walk>img{animation:personWalk .72s ease-in-out infinite alternate}.agent-ground{position:absolute;left:-27px;bottom:-4px;width:54px;height:12px;border-radius:50%;background:#1a130d35;filter:blur(4px)}.moving-agent .photo-nameplate{left:34px;bottom:62px;transform:scale(.82);transform-origin:left bottom}.moving-agent:focus-visible .photo-nameplate,.moving-agent:hover .photo-nameplate{transform:scale(.9) translateY(-4px)}.moving-agent:nth-of-type(3) .photo-nameplate,.moving-agent:nth-of-type(5) .photo-nameplate{left:auto;right:34px;transform-origin:right bottom}.panorama-help{position:absolute;left:50%;bottom:17px;z-index:20;transform:translateX(-50%);padding:7px 11px;border:1px solid #ffffff2e;border-radius:8px;background:#171a1bd1;color:#eef0ed;font-size:8px;letter-spacing:.02em;backdrop-filter:blur(8px);pointer-events:none}.panorama-controls{position:absolute;right:16px;bottom:16px;z-index:20;display:flex;overflow:hidden;border:1px solid #ffffff44;border-radius:10px;background:#f8f5eee8;box-shadow:0 8px 24px #2d21152a;backdrop-filter:blur(10px)}.panorama-controls button{width:34px;height:34px;display:grid;place-items:center;border:0;border-right:1px solid #ddd5c9;background:transparent;color:#373935}.panorama-controls button:last-child{border-right:0}.panorama-controls button:hover{background:#fff}.panorama-controls svg{width:14px}.office-caption small{display:flex;align-items:center;gap:4px}.office-caption small svg{width:10px;height:10px}@keyframes personWalk{0%{transform:translateX(-50%) translateY(0) rotate(-.35deg)}to{transform:translateX(-50%) translateY(-3px) rotate(.35deg)}}@media(max-width:760px){.moving-agent>img{width:78px}.moving-agent .photo-nameplate{bottom:45px;left:20px}.panorama-help{display:none}.panorama-world{width:135%;height:110%;left:-17.5%;right:auto}.panorama-controls{right:10px;bottom:10px}}