:root{font-family:Inter,system-ui,sans-serif;color:#eef2ff;background:#10131b}*[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#24314d 0,#10131b 45%)}.shell{max-width:1180px;margin:0 auto;padding:42px 20px}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}h1{font-size:clamp(30px,5vw,54px);margin:6px 0 10px;letter-spacing:-.04em}h2{margin-top:0}.eyebrow{color:#8da8ff;font-size:12px;font-weight:800;letter-spacing:.15em}.badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#283a72;color:#b9c9ff;font-size:12px;font-weight:700}.card{background:#171c28;border:1px solid #2a344a;border-radius:18px;padding:24px;box-shadow:0 20px 60px #0002;margin-bottom:18px}.appbar{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 18px;color:#aab7d6;font-size:13px}.actions{display:flex;gap:8px;align-items:center}.secondary{background:#28344f;color:#dbe5ff}.iconButton{margin:0;padding:9px 12px;background:#28344f;color:#dbe5ff;font-size:18px;line-height:1}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid .card{margin:0}label{display:block;color:#aab7d6;font-size:13px;margin:14px 0}input,select{display:block;width:100%;margin-top:7px;padding:13px 14px;border-radius:10px;border:1px solid #36445f;background:#0f1420;color:#fff;font-size:15px}button{margin-top:14px;border:0;border-radius:10px;background:#6f8cff;color:#081021;padding:13px 18px;font-weight:800;cursor:pointer}.hint{display:block;color:#8997b5;font-size:13px;line-height:1.5}.error{color:#ff8896}.sectionHead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.sectionHead h2{margin-bottom:6px}.agentGallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:360px;overflow:auto;padding:4px}.agentCard{margin:0;min-height:124px;padding:14px 10px;background:#202a40;border:1px solid #344463;color:#eaf0ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:transform .15s,border-color .15s,background .15s}.agentCard:hover{transform:translateY(-3px);background:#293963;border-color:#7d9aff}.agentCard.selected{background:linear-gradient(145deg,#354d91,#26355e);border-color:#91a8ff;box-shadow:0 8px 24px #4d6fe444}.agentFace{font-size:32px;filter:drop-shadow(0 3px 2px #0005)}.agentName{font-size:12px;text-align:center;font-weight:800;line-height:1.2}.agentDivision{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#aebce0}.resultHead{display:flex;justify-content:space-between;align-items:center;gap:12px}pre{white-space:pre-wrap;line-height:1.55;color:#dbe5ff;background:#0f1420;padding:14px;border-radius:12px;min-height:300px;overflow:auto}.schedule{display:flex;gap:10px;flex-wrap:wrap}.schedule span{padding:12px 18px;background:#24355f;border-radius:10px;color:#d8e1ff;font-weight:800}.modal{position:fixed;inset:0;background:#05070dcc;display:grid;place-items:center;padding:20px;z-index:5}.modalCard{width:min(480px,100%);background:#171c28;border:1px solid #3a4865;border-radius:18px;padding:24px;box-shadow:0 30px 90px #0008}.modalHead{display:flex;justify-content:space-between;align-items:center}.modalHead h2{margin:0}.modalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modalActions button{margin:0}@media(max-width:760px){header,.grid{display:block}header .badge{margin-top:18px}.grid .card{margin-bottom:18px}.appbar{align-items:flex-start;gap:12px;flex-direction:column}.sectionHead{display:block}.sectionHead .badge{margin-top:10px}}
.virtualOffice{overflow:hidden}.liveBadge{display:flex;align-items:center;gap:7px}.liveBadge i{width:8px;height:8px;border-radius:50%;background:#57e48c;box-shadow:0 0 0 4px #57e48c22;animation:pulse 1.6s infinite}.officeScene{position:relative;min-height:330px;margin-top:18px;border:1px solid #3a4967;border-radius:16px;overflow:hidden;background:linear-gradient(#263a5b 0 64%,#b77b63 64% 67%,#725064 67%);box-shadow:inset 0 0 60px #0d142566}.officeScene:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 54px,#ffffff09 55px 56px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:auto,56px 56px;opacity:.45}.officeWindow{position:absolute;top:28px;left:8%;width:180px;height:78px;border:7px solid #4a6084;border-radius:8px;background:linear-gradient(135deg,#8dd8ec,#456fac 55%,#1c2b4d);box-shadow:inset 0 0 24px #e7ffff55}.officeWindow span{position:relative;display:inline-block;width:33%;height:100%;border-right:3px solid #4a6084}.officeSign{position:absolute;top:32px;left:50%;transform:translateX(-50%);text-align:center;color:#f5d17d;font-weight:900;letter-spacing:.18em;font-size:13px;text-shadow:0 2px 6px #181222}.officeSign small{font-size:8px;color:#bac9ec;letter-spacing:.12em}.plant{position:absolute;font-size:42px;z-index:1;filter:drop-shadow(0 6px 2px #33223488)}.plantLeft{left:3%;bottom:66px}.plantRight{right:3%;bottom:60px}.officeFloor{position:absolute;left:-4%;right:-4%;bottom:-32px;height:92px;background:repeating-linear-gradient(90deg,#a46d5d 0 75px,#b47c68 77px 150px);transform:perspective(160px) rotateX(18deg);transform-origin:bottom;opacity:.85}.desk{position:absolute;bottom:78px;width:130px;height:18px;background:#46334d;border:3px solid #704f57;border-radius:5px;z-index:2}.desk:after{content:"";position:absolute;left:11px;right:11px;bottom:-42px;height:42px;border-left:5px solid #403147;border-right:5px solid #403147}.deskOne{left:15%}.deskTwo{left:44%;bottom:72px}.deskThree{right:15%;bottom:78px}.monitor{position:absolute;left:48px;bottom:17px;width:34px;height:24px;border:4px solid #25283e;border-radius:3px;background:#77a9d8}.monitor:after{content:"";position:absolute;left:11px;bottom:-10px;width:6px;height:9px;background:#25283e}.chair{position:absolute;left:52px;bottom:-32px;width:28px;height:25px;border-radius:9px;background:#9e5471;box-shadow:0 8px 0 -4px #3e3047}.officeAgents{position:absolute;inset:0;z-index:3}.officeAgent{position:absolute;width:98px;padding:5px 6px 7px;border:1px solid #ffffff38;border-radius:14px;background:#182237d9;color:#f4f6ff;text-align:center;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s}.officeAgent:hover,.officeAgent.active{transform:translateY(-8px) scale(1.04);box-shadow:0 12px 22px #1118;border-color:#a8bbff;filter:brightness(1.12)}.officeAgent .avatar{display:block;font-size:34px;line-height:1.15;filter:drop-shadow(0 4px 2px #1118)}.officeAgent .agentLabel{display:block;font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.officeAgent .agentState{display:inline-flex;align-items:center;gap:4px;color:#a7b9df;font-size:9px;margin-top:3px}.officeAgent .agentState:before{content:"";width:6px;height:6px;border-radius:50%;background:#57e48c}.officeAgent.working .agentState:before{background:#ffd166;animation:pulse 1s infinite}.officeAgent:nth-child(1){left:11%;bottom:102px}.officeAgent:nth-child(2){left:41%;bottom:97px}.officeAgent:nth-child(3){right:11%;bottom:102px}.officeDetails{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 15px;border-radius:12px;background:#101725;color:#b8c6e7;font-size:13px}.officeDetails b{color:#f4f6ff}.officeDetails span{color:#8493b6}@keyframes pulse{50%{opacity:.45;transform:scale(.8)}}
.officeScene{perspective:900px}.officeAgent{transform-style:preserve-3d}.officeAgent.working{animation:agentFloat 2.8s ease-in-out infinite}.personAvatar{position:relative;display:block;width:54px;height:66px;margin:0 auto;transform:rotateY(-8deg) translateZ(12px);transform-style:preserve-3d}.personHead{position:absolute;top:5px;left:14px;width:27px;height:28px;border-radius:48% 48% 44% 44%;background:linear-gradient(110deg,var(--skin,#f0bd91),#bd765f);box-shadow:inset -5px -4px 0 #7f4c55aa,2px 4px 0 #10182a66;z-index:3}.personHead i{position:absolute;top:12px;width:4px;height:4px;border-radius:50%;background:#293249}.personHead i:first-child{left:7px}.personHead i:nth-child(2){right:7px}.personHead b{position:absolute;bottom:5px;left:10px;width:8px;height:3px;border-bottom:2px solid #743f4d;border-radius:50%}.personHair{position:absolute;top:2px;left:11px;width:33px;height:18px;border-radius:60% 60% 30% 30%;background:linear-gradient(145deg,#1e2745,#6b4b71);transform:rotate(-5deg);z-index:4}.personNeck{position:absolute;top:29px;left:24px;width:9px;height:9px;background:var(--skin,#f0bd91);z-index:2}.personBody{position:absolute;top:34px;left:13px;width:30px;height:28px;border-radius:12px 12px 8px 8px;background:linear-gradient(100deg,var(--shirt,#667fff),#293f8c);box-shadow:inset -5px -3px 0 #121b3e99;z-index:2}.personBody:after{content:"";position:absolute;top:6px;left:9px;width:12px;height:4px;border-radius:50%;background:var(--accent,#7fd6ec);opacity:.8}.arm{position:absolute;top:4px;width:8px;height:25px;border-radius:8px;background:linear-gradient(var(--skin,#f0bd91),#b76f60);transform-origin:top center}.armLeft{left:-5px;transform:rotate(18deg)}.armRight{right:-5px;transform:rotate(-28deg)}.leg{position:absolute;top:25px;width:9px;height:18px;border-radius:4px;background:#2c335e;transform-origin:top center}.legLeft{left:5px;transform:rotate(4deg)}.legRight{right:5px;transform:rotate(-4deg)}.officeAgent:nth-child(2) .personAvatar{transform:rotateY(9deg) translateZ(12px)}.officeAgent:nth-child(3) .personAvatar{transform:rotateY(-4deg) translateZ(12px)}@keyframes agentFloat{0%,100%{margin-top:0}50%{margin-top:-5px}}
.orchestration{background:linear-gradient(145deg,#171d2b,#141827);border-color:#40527a}.simulationBadge{background:#3d315f;color:#e0caff}.commandGrid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.commandGrid textarea{display:block;width:100%;resize:vertical;margin-top:7px;padding:13px 14px;border-radius:10px;border:1px solid #36445f;background:#0b101b;color:#fff;font:inherit;line-height:1.45}.quickCommands{display:flex;gap:8px;flex-wrap:wrap}.quickCommand{margin:0;padding:8px 10px;background:#242e47;color:#cbd7f8;font-size:11px}.quickCommand:hover{background:#334570}.orchestrationAgents{display:grid;gap:8px;margin-top:7px}.agentToggle{display:flex;align-items:center;gap:9px;margin:0;padding:10px 12px;border-radius:10px;background:#0e1420;border:1px solid #293653;color:#dce5ff}.agentToggle input{width:auto;margin:0;accent-color:#8099ff}.commandGrid #runOrchestration{width:100%;margin-top:12px}.commandGrid #runOrchestration:disabled{opacity:.7;cursor:wait}.conversation{display:flex;flex-direction:column;gap:9px;min-height:90px;max-height:260px;overflow:auto;margin-top:18px;padding:14px;border-radius:12px;background:#0b101b;border:1px solid #273452}.emptyConversation,.activityEmpty{color:#7383a6;font-size:13px}.chatBubble{display:flex;flex-direction:column;gap:3px;max-width:88%;padding:9px 12px;border-radius:12px;background:#1d2942;color:#cbd8f6;font-size:12px;line-height:1.45}.chatBubble b{color:#9eb4ff;font-size:11px}.chatBubble.orchestrator{align-self:flex-end;background:#30305a}.chatBubble.agent{align-self:flex-start}.activityFeed{max-height:150px;overflow:auto;margin-top:12px;padding:12px;border-radius:12px;background:#101725}.feedTitle{margin-bottom:7px;color:#9fb3df;font-weight:800;font-size:12px}.activityItem{display:flex;align-items:center;gap:7px;padding:4px 0;color:#aab9d8;font-size:11px}.activityItem time{margin-left:auto;color:#667694;font-size:10px}.activityDot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#8ca7ff}.activityItem.start .activityDot{background:#d48aff}.activityItem.success .activityDot{background:#57e48c}@media(max-width:760px){.commandGrid{display:block}.commandGrid>div+div{margin-top:12px}}
.officeScene{min-height:390px;border-radius:18px;background:linear-gradient(#d7d9dd 0 59%,#d6ae77 59% 62%,#e5c28d 62%);box-shadow:inset 0 -26px 0 #b88262,inset 0 0 50px #30375022;transform-style:preserve-3d}.officeScene:before{background:linear-gradient(90deg,#ffffff30 1px,transparent 1px),linear-gradient(#ffffff30 1px,transparent 1px);background-size:56px 56px;opacity:.42}.officeScene:after{content:"";position:absolute;left:10%;right:10%;bottom:24px;height:205px;background:#1e427f;border:5px solid #2868d2;clip-path:polygon(0 17%,100% 0,100% 83%,0 100%);box-shadow:0 18px 0 #1e3155;opacity:.95;z-index:0}.officeSign{top:34px;left:auto;right:8%;transform:none;padding:7px 15px;border-radius:5px;background:#e64d38;color:#fff;letter-spacing:.06em;font-size:17px;box-shadow:0 5px 0 #b4312d}.officeSign small{color:#ffe4d2;letter-spacing:.08em}.officeWindow{top:26px;left:8%;width:150px;height:72px;border:5px solid #b8c2cf;background:linear-gradient(135deg,#a1d5ec,#5388bb 55%,#37618f)}.officeWindow span{border-right:2px solid #b8c2cf}.desk{bottom:85px;width:112px;height:15px;background:#b98a5e;border:3px solid #876043;border-radius:2px;z-index:2;box-shadow:0 4px 0 #6b493f}.desk:after{bottom:-40px;height:40px;border-left:4px solid #7c5a4d;border-right:4px solid #7c5a4d}.deskOne{left:14%;bottom:106px}.deskTwo{left:43%;bottom:88px}.deskThree{right:13%;bottom:112px}.monitor{left:39px;bottom:16px;width:34px;height:24px;border:3px solid #29313d;background:#111c2e}.chair{left:44px;bottom:-30px;width:25px;height:22px;border-radius:2px;background:#67516c}.officeAgent{width:112px;padding:4px 6px 7px;border-radius:7px;background:transparent;border:0;box-shadow:none}.officeAgent:hover,.officeAgent.active{background:#ffffff1c;box-shadow:none}.officeAgent:before{position:absolute;left:50%;bottom:calc(100% - 2px);transform:translateX(-50%);width:122px;padding:5px 7px;border-radius:8px;background:#f7f7f4;color:#303743;box-shadow:0 3px 0 #aab0b8;font-size:9px;font-weight:800;line-height:1.15;white-space:normal}.officeAgent:nth-child(1):before{content:"Nulis 3 kandidat hook"}.officeAgent:nth-child(2):before{content:"Kartu data beranimasi"}.officeAgent:nth-child(3):before{content:"Cek hasil editor sebelum posting"}.officeAgent .agentLabel{padding:3px 5px;border-radius:8px;background:#152338dd;font-size:9px}.officeAgent .agentState{padding:2px 5px;border-radius:8px;background:#152338dd}.officeAgents{z-index:4}.officeFloor{bottom:-38px;height:110px;opacity:.35}.personAvatar{width:54px;height:78px;transform:rotateY(-12deg) translateZ(12px) scale(1.08)}.personHead{top:4px;left:15px;width:25px;height:25px;border-radius:3px;background:linear-gradient(110deg,var(--skin,#f0bd91),#b96f5f);box-shadow:inset -5px -4px 0 #7f4c55aa,3px 4px 0 #10182a66}.personHair{top:0;left:12px;width:31px;height:15px;border-radius:3px 8px 2px 2px}.personBody{top:33px;left:13px;width:29px;height:30px;border-radius:3px;background:linear-gradient(100deg,var(--shirt,#667fff),#293f8c);box-shadow:inset -5px -3px 0 #121b3e99}.arm{width:7px;height:26px;border-radius:2px}.leg{top:27px;width:9px;height:22px;border-radius:2px}.plant{font-size:36px}.plantLeft{bottom:72px}.plantRight{bottom:65px}
.roomBackWall{position:absolute;inset:0 0 40px;background:linear-gradient(180deg,#e0e2e4,#c9cdd1);z-index:0;box-shadow:inset 0 -18px 0 #abb4bf}.roomLeftWall{position:absolute;left:0;top:0;bottom:40px;width:17%;background:linear-gradient(135deg,#b9c0c7,#929eac);clip-path:polygon(0 0,100% 15%,100% 100%,0 100%);opacity:.75;z-index:1}.roomRightWall{position:absolute;right:0;top:0;bottom:40px;width:17%;background:linear-gradient(225deg,#b9c0c7,#929eac);clip-path:polygon(0 15%,100% 0,100% 100%,0 100%);opacity:.75;z-index:1}.roomFloor{position:absolute;left:0;right:0;bottom:0;height:43%;background:repeating-linear-gradient(90deg,#d9ad75 0 75px,#e7c58f 77px 150px);transform:perspective(420px) rotateX(28deg);transform-origin:bottom;z-index:0}.officeScene:after{display:none}.officeWindow,.officeSign{z-index:3}.desk{z-index:5;transform:translateZ(20px);box-shadow:0 7px 0 #6b493f,0 15px 16px #20273d44}.plant{z-index:5}.officeFloor{z-index:4;bottom:16px;height:154px;left:9%;right:9%;background:#214987;border:5px solid #2f72d5;clip-path:polygon(0 16%,100% 0,100% 84%,0 100%);transform:perspective(420px) rotateX(17deg);opacity:1;box-shadow:0 14px 0 #1a315c}.officeAgents{z-index:7}.officeAgent{transform-style:preserve-3d}.officeAgent:nth-child(1){left:11%;bottom:130px}.officeAgent:nth-child(2){left:42%;bottom:112px}.officeAgent:nth-child(3){right:10%;bottom:136px}.officeAgent.working{animation:agentWalkOne 7s ease-in-out infinite}.officeAgent:nth-child(2){animation:agentWalkTwo 8s ease-in-out 1s infinite}.officeAgent:nth-child(3){animation:agentWalkThree 9s ease-in-out 1.5s infinite}.officeAgent.active{animation-play-state:paused}.officeAgent .personAvatar{animation:personBob 1.2s ease-in-out infinite alternate}@keyframes agentWalkOne{0%,100%{transform:translate3d(0,0,18px)}50%{transform:translate3d(86px,-8px,25px)}}@keyframes agentWalkTwo{0%,100%{transform:translate3d(0,0,18px)}50%{transform:translate3d(-55px,-6px,28px)}}@keyframes agentWalkThree{0%,100%{transform:translate3d(0,0,18px)}50%{transform:translate3d(-72px,-10px,32px)}}@keyframes personBob{from{margin-top:0}to{margin-top:-3px}}
.officeScene{min-height:430px}.roomBackWall{bottom:46px}.roomLeftWall,.roomRightWall{bottom:46px}.roomFloor{height:50%;transform:perspective(360px) rotateX(38deg)}.officeFloor{left:8%;right:8%;bottom:18px;height:182px;clip-path:polygon(0 16%,100% 0,100% 84%,0 100%);transform:perspective(420px) rotateX(20deg)}.deskOne{left:10%;bottom:132px;transform:translateZ(48px) scale(.94)}.deskTwo{left:43%;bottom:106px;transform:translateZ(18px) scale(1.03)}.deskThree{right:10%;bottom:138px;transform:translateZ(54px) scale(.92)}.officeAgent:nth-child(1){left:9%;bottom:154px}.officeAgent:nth-child(2){left:42%;bottom:130px}.officeAgent:nth-child(3){right:8%;bottom:160px}
.agentSearch{max-width:520px;margin:16px 0 12px;background:#0d1320;border-color:#3d4e73}.agentSearch:focus{outline:2px solid #728fff;outline-offset:1px}.agentGallery{scrollbar-color:#6175ae #151d2b}.agentGallery:empty:after{content:"Agent tidak ditemukan.";display:block;grid-column:1/-1;padding:24px;text-align:center;color:#8593b2}
.briefHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:8px}.briefHeader h2{margin:5px 0 0}.briefHeader .badge{white-space:nowrap}
.agentAvailability{font-size:9px;font-weight:800;color:#7d8eaf}.activeAgentCard .agentAvailability{color:#62e99a}.inactiveAgentCard{opacity:.48;filter:grayscale(.35)}.inactiveAgentCard:hover{opacity:.78}
.legacyOffice{display:none}.ruang3dViewport{position:relative;height:620px;margin-top:16px;overflow:hidden;border:1px solid #3e5277;border-radius:18px;background:#111a2b;box-shadow:inset 0 0 60px #050914aa,0 18px 42px #05091466}.ruang3dViewport canvas{display:block;width:100%;height:100%;cursor:grab}.ruang3dViewport canvas:active{cursor:grabbing}.ruang3dHint{position:absolute;left:16px;bottom:14px;padding:8px 11px;border:1px solid #ffffff26;border-radius:999px;background:#101827cc;color:#dbe6ff;font-size:11px;pointer-events:none}.ruang3dViewport.mode2d canvas{filter:saturate(.85) brightness(1.08)}
.virtualOffice{order:1}.agencyShowcase{order:2}.orchestration{order:3}.grid{order:4}.virtualOffice{min-height:760px}.roomToolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 0 4px;padding:10px 12px;border:1px solid #334463;border-radius:12px;background:#111a2b}.roomModes,.roomStats{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.roomMode{margin:0;padding:8px 12px;border:1px solid #3a4d70;background:#1b2942;color:#b9c8e8;font-size:12px}.roomMode.active{background:#6f8cff;color:#081021;border-color:#91a8ff}.roomStats span{padding:7px 10px;border-radius:999px;background:#203150;color:#b9c9ea;font-size:11px;font-weight:800}.roomLabel{position:absolute;z-index:5;padding:5px 9px;border-radius:5px;background:#ffffffc9;color:#344156;font-size:9px;font-weight:900;letter-spacing:.1em;box-shadow:0 3px 0 #8e9aa9}.roomLabelWorkspace{left:19%;bottom:48%;transform:rotate(-4deg)}.roomLabelMeeting{right:18%;bottom:45%;transform:rotate(3deg)}.meetingTable{position:absolute;right:20%;bottom:35%;width:110px;height:30px;background:linear-gradient(#d9ae78,#956442);border:3px solid #704b38;transform:perspective(160px) rotateX(42deg) rotateZ(-2deg);z-index:5;box-shadow:0 8px 0 #553c3e}.meetingTable:after{content:"";position:absolute;left:10px;right:10px;bottom:-24px;height:25px;border-left:4px solid #664a3f;border-right:4px solid #664a3f}.meetingTable i{position:absolute;width:18px;height:9px;border-radius:50%;background:#9f506c;bottom:-18px}.meetingTable i:nth-child(1){left:-22px}.meetingTable i:nth-child(2){left:19px}.meetingTable i:nth-child(3){right:19px}.meetingTable i:nth-child(4){right:-22px}.officeScene.view2d{perspective:none}.officeScene.view2d .roomFloor{clip-path:none;transform:none}.officeScene.view2d .officeFloor{transform:none;clip-path:none;left:10%;right:10%;bottom:28px}.officeScene.view2d .desk,.officeScene.view2d .meetingTable{transform:none}.officeScene.view2d .officeAgent{animation:none!important}.officeScene.resetting{animation:sceneReset .7s ease}.roomModes button:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes sceneReset{0%{filter:brightness(1.35) saturate(1.35)}100%{filter:none}}
#app{display:flex;flex-direction:column}#app>.appbar{order:0}#app>.virtualOffice{order:1}#app>.agencyShowcase{order:2}#app>.orchestration{order:3}#app>.grid{order:4}#app>section.card:not(.virtualOffice):not(.agencyShowcase):not(.orchestration):not(.grid){order:5}
@media(max-width:760px){.virtualOffice{min-height:610px}.roomToolbar{align-items:flex-start;flex-direction:column}.roomStats{width:100%}.roomLabelMeeting{right:8%;bottom:43%}.meetingTable{right:11%;bottom:33%;transform:scale(.75) perspective(160px) rotateX(42deg)}}
.virtualOffice{background:linear-gradient(145deg,#171d2d,#111622);border-color:#3b4b6c}.officeScene{min-height:520px;margin-top:22px;border:0;border-radius:22px;background:linear-gradient(180deg,#111827 0 7%,#28364e 7% 8%,#d3d8dd 8% 55%,#b57d63 55% 57%,#171f31 57%);perspective:1100px;isolation:isolate;box-shadow:inset 0 0 90px #060a14aa,0 18px 45px #06091366}.officeScene:before{content:"";position:absolute;inset:8% 0 43%;background:linear-gradient(90deg,#ffffff18 1px,transparent 1px),linear-gradient(#ffffff18 1px,transparent 1px);background-size:74px 54px;opacity:.55;z-index:1;pointer-events:none}.roomBackWall{inset:8% 8% 43%;background:linear-gradient(180deg,#e8ebed,#c6ccd2);border:1px solid #9ea9b6;box-shadow:inset 0 -15px 0 #aab4be,0 12px 22px #141b2c55;transform:translateZ(-30px);z-index:0}.roomBackWall:after{content:"";position:absolute;left:8%;right:8%;bottom:14px;height:3px;background:#8995a2;box-shadow:0 -10px 0 #eef2f3}.roomLeftWall{left:0;top:8%;bottom:43%;width:18%;background:linear-gradient(135deg,#b4bdc7,#7f8b9c);clip-path:polygon(0 0,100% 12%,100% 100%,0 100%);opacity:1;z-index:1;box-shadow:inset -18px 0 22px #4b566733}.roomRightWall{right:0;top:8%;bottom:43%;width:18%;background:linear-gradient(225deg,#b4bdc7,#7f8b9c);clip-path:polygon(0 12%,100% 0,100% 100%,0 100%);opacity:1;z-index:1;box-shadow:inset 18px 0 22px #4b566733}.roomFloor{left:3%;right:3%;bottom:0;height:57%;background:repeating-linear-gradient(90deg,#c18d5c 0 72px,#d5a36b 74px 144px),repeating-linear-gradient(0deg,#0000 0 38px,#8e624d33 39px 40px);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);transform:none;box-shadow:inset 0 22px 30px #65453055;z-index:0}.officeFloor{left:13%;right:13%;bottom:39px;height:235px;background:linear-gradient(145deg,#263f78,#172d5d);border:6px solid #3779df;clip-path:polygon(0 17%,100% 0,100% 82%,0 100%);transform:perspective(700px) rotateX(4deg) rotateZ(-1deg);box-shadow:0 18px 0 #182b50,0 24px 24px #17223888;z-index:4}.officeWindow{top:15%;left:15%;width:174px;height:88px;border:7px solid #adb8c5;background:linear-gradient(135deg,#b7ebfa,#6fa6d7 55%,#416991);box-shadow:inset 0 0 18px #eaffff99,4px 7px 0 #7f8c9a55;z-index:3}.officeWindow span{border-right:3px solid #adb8c5}.officeSign{top:14%;right:13%;padding:9px 17px;border-radius:6px;background:linear-gradient(#f05a42,#d94232);font-size:18px;box-shadow:0 6px 0 #a72f2b,0 10px 18px #4a202055;z-index:3}.plant{z-index:6;text-shadow:0 8px 5px #1b233555}.plantLeft{left:5%;bottom:52px}.plantRight{right:5%;bottom:48px}.desk{width:130px;height:19px;background:linear-gradient(180deg,#d2a071,#95613f);border:3px solid #754b38;border-radius:3px;box-shadow:0 6px 0 #634331,0 13px 17px #18223866;z-index:5;transform:skewY(-3deg)}.desk:after{bottom:-52px;height:52px;border-left:5px solid #694a3d;border-right:5px solid #694a3d;box-shadow:0 4px 0 #3d3340}.deskOne{left:13%;bottom:142px}.deskTwo{left:42%;bottom:116px}.deskThree{right:13%;bottom:148px}.monitor{left:47px;bottom:18px;width:38px;height:27px;border:4px solid #202a3d;background:linear-gradient(135deg,#82d9f3,#3966b2);box-shadow:0 3px 0 #121a2c}.chair{left:50px;bottom:-37px;width:30px;height:28px;border-radius:5px;background:linear-gradient(#bd5b75,#713a59);box-shadow:0 8px 0 -4px #3a2f43}.officeAgent{width:128px;padding:5px 7px 8px;z-index:7}.officeAgent .avatar{font-size:42px;filter:drop-shadow(0 8px 4px #12182799)}.officeAgent .agentLabel{font-size:10px;background:#111d34ed;border:1px solid #53678d}.officeAgent .agentState{background:#111d34ed;border:1px solid #53678d}.officeAgent:before{width:142px;padding:7px 9px;background:#fffdf4;color:#26324a;box-shadow:0 4px 0 #a7b0bd,0 8px 16px #17223833;font-size:10px}.officeAgent:nth-child(1){left:8%;bottom:172px}.officeAgent:nth-child(2){left:40%;bottom:142px}.officeAgent:nth-child(3){right:7%;bottom:178px}.officeAgent.working{animation:agentWalkOne 8s ease-in-out infinite}.officeAgent:nth-child(2){animation:agentWalkTwo 9s ease-in-out 1s infinite}.officeAgent:nth-child(3){animation:agentWalkThree 10s ease-in-out 1.5s infinite}.officeAgent.active{animation-play-state:paused}.officeDetails{background:#101827;border-color:#31415f}
@media(max-width:760px){.officeScene{min-height:430px}.officeFloor{left:8%;right:8%;height:190px}.officeAgent{width:100px}.officeAgent:nth-child(1){left:3%;bottom:138px}.officeAgent:nth-child(2){left:35%;bottom:118px}.officeAgent:nth-child(3){right:2%;bottom:144px}.desk{width:92px}.deskOne{left:7%}.deskTwo{left:39%}.deskThree{right:7%}.monitor{left:30px}.chair{left:34px}}