:root{color:#f3ead9;font-synthesis:none;--shell:#0d1410;--shell-2:#131d17;--line:#e2c18033;--gold:#dfbd7a;--green:#759653;--green-deep:#314326;--ivory:#f3ead9;--muted:#a7ad9f;--danger:#c96e5d;background:#0d1410;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,textarea{font:inherit;letter-spacing:0}button{color:inherit}.app-shell{background:var(--shell);min-height:100vh}.login-shell{background:#0d1410;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{text-align:center;width:min(360px,100%)}.login-panel>img{object-fit:cover;border-radius:24px;width:88px;height:88px}.login-panel>span{color:var(--gold);margin-top:22px;font-family:Georgia,serif;font-size:17px;display:block}.login-panel h1{color:var(--ivory);margin:4px 0 0;font-family:Georgia,serif;font-size:34px;font-weight:400}.login-panel>p{color:var(--muted);margin:8px 0 28px;font-size:12px}.login-panel form{text-align:left;gap:14px;display:grid}.login-panel label{color:var(--muted);gap:7px;font-size:11px;display:grid}.login-panel input{border:1px solid var(--line);min-height:46px;color:var(--ivory);background:#101713;outline:0;padding:0 12px}.login-panel input:focus{border-color:#748a5e}.login-panel .inline-error{margin:0}.topbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,1fr) auto auto 42px;align-items:center;gap:14px;height:58px;padding:0 18px;display:grid}.studio-name{color:var(--gold);align-items:baseline;gap:10px;display:flex}.studio-name span{font-family:Georgia,serif;font-size:18px}.studio-name small{letter-spacing:.16em;font-size:10px}.topbar-status{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.status-dot{background:#5e675f;border-radius:50%;width:9px;height:9px}.status-dot.is-active{background:#88a75d;box-shadow:0 0 0 4px #88a75d1f}.budget-button{cursor:default;background:0 0;border:0;align-items:baseline;gap:6px;display:flex}.budget-button span{color:var(--gold);font-size:15px}.budget-button small{color:var(--muted)}.icon-button{border:1px solid var(--line);cursor:pointer;background:0 0;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{color:var(--gold);border-color:#e2c18080}.workspace{grid-template-columns:minmax(0,1fr) 350px;height:calc(100vh - 58px);display:grid}.office-column{min-width:0;height:100%}.office-shell{background:#ddd5c6;width:100%;height:100%;position:relative;overflow:hidden}.office-game-viewport{position:absolute;inset:0;overflow:hidden}.office-game-stage{width:100%;min-width:850px;height:100%;position:relative;overflow:hidden}.office-game-background{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.office-game-stage:after{content:"";z-index:8;pointer-events:none;border:1px solid #ffffff2e;position:absolute;inset:0;box-shadow:inset 0 0 80px #161d181f}.office-atmosphere{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.light-dust{background:#fff5d2cc;border-radius:50%;width:4px;height:4px;animation:8s ease-in-out infinite dust-float;position:absolute}.dust-one{top:33%;left:48%}.dust-two{animation-delay:-3.8s;top:28%;left:69%}.coffee-steam{opacity:0;border-left:1px solid #ffffff6b;border-radius:50%;width:8px;height:30px;animation:4.8s ease-out infinite steam-rise;position:absolute;top:13%;right:27%}.steam-two{animation-delay:-2.1s;right:24%}.aquarium-glow{filter:blur(20px);background:#38bfc21f;width:20%;height:22%;animation:5s ease-in-out infinite alternate aquarium-breathe;position:absolute;bottom:5%;right:2%}.office-character{--agent-x:50%;--agent-y:50%;z-index:5;left:var(--agent-x);top:var(--agent-y);cursor:pointer;background:0 0;border:0;outline:0;width:82px;height:106px;padding:0;transition:left 1.25s cubic-bezier(.34,.78,.26,1),top 1.25s cubic-bezier(.34,.78,.26,1),filter .2s;position:absolute;transform:translate(-50%,-80%)}.office-character:hover,.office-character:focus-visible{z-index:7;filter:brightness(1.08)}.office-character.is-selected .character-figure{filter:drop-shadow(0 0 8px #ffe8aacc)}.character-figure{transform-origin:50% 100%;width:40px;height:75px;animation:2.8s ease-in-out infinite character-idle;position:absolute;top:8px;left:21px}.office-character.working .character-figure{animation:.7s ease-in-out infinite alternate character-working}.office-character.waiting_approval .character-figure{animation:1.1s ease-in-out infinite character-waiting}.character-shadow{filter:blur(2px);background:#1a191447;border-radius:50%;width:35px;height:11px;position:absolute;bottom:-4px;left:3px}.character-leg{z-index:1;transform-origin:50% 0;background:#292d2b;border-radius:5px 5px 4px 4px;width:9px;height:27px;position:absolute;bottom:7px}.leg-left{left:10px}.leg-right{right:10px}.character-body{z-index:3;background:var(--agent-tone);border-radius:9px 9px 7px 7px;width:27px;height:34px;position:absolute;top:29px;left:7px;box-shadow:inset 0 -7px #0000001f,inset 5px 0 #ffffff14}.character-arm{z-index:2;background:var(--agent-tone);transform-origin:50% 3px;border-radius:7px;width:8px;height:29px;position:absolute;top:34px}.arm-left{left:3px;transform:rotate(11deg)}.arm-right{right:3px;transform:rotate(-11deg)}.character-head{z-index:4;background:var(--agent-skin);border-radius:48% 48% 45% 45%;width:23px;height:29px;position:absolute;top:5px;left:9px;box-shadow:inset 4px 0 #ffffff1f}.character-hair{background:var(--agent-hair);border-radius:12px 12px 6px 6px;width:25px;height:12px;position:absolute;top:-2px;left:-1px}.character-face:before,.character-face:after{content:"";background:#2a201d;border-radius:50%;width:2px;height:2px;position:absolute;top:13px}.character-face:before{left:7px}.character-face:after{right:7px}.character-status{z-index:8;background:#6e746f;border:3px solid #ffffffeb;border-radius:50%;width:13px;height:13px;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #14191640}.office-character.working .character-status{background:#709f4b;animation:1.8s infinite status-pulse}.office-character.waiting_approval .character-status{background:#d6a440;animation:1s infinite status-pulse}.character-label{z-index:9;color:#fff9ed;opacity:0;pointer-events:none;text-align:center;background:#141c17e0;border:1px solid #faf5ea80;border-radius:6px;min-width:88px;padding:5px 7px;transition:opacity .18s,transform .18s;position:absolute;bottom:0;left:50%;transform:translate(-50%,5px);box-shadow:0 4px 12px #1216132e}.character-label strong{white-space:nowrap;font-size:10px;font-weight:600;display:block}.character-label small{color:#c8cec5;white-space:nowrap;margin-top:2px;font-size:8px;display:block}.office-character:hover .character-label,.office-character:focus-visible .character-label,.office-character.is-selected .character-label{opacity:1;transform:translate(-50%)}.office-character.is-selected .character-label{background:#30392ef0;border-color:#dfbd7af2}.office-scene-key{z-index:6;color:#e9e5d9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1a201bc2;border-radius:6px;gap:12px;padding:7px 10px;font-size:9px;display:flex;position:absolute;bottom:14px;left:14px}.office-scene-key span{align-items:center;gap:5px;display:flex}.office-scene-key i{border-radius:50%;width:7px;height:7px}.key-working{background:#709f4b}.key-waiting{background:#d6a440}.key-free{background:#7b817c}.agent-inspector{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111814e6;border:1px solid #fff3;border-radius:7px;width:min(280px,100% - 32px);padding:12px 14px;position:absolute;bottom:16px;right:16px;box-shadow:0 10px 26px #1416132e}.agent-inspector>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.agent-inspector span{color:#fff4df;font-family:Georgia,serif;font-size:15px}.agent-inspector strong{color:#aeb9aa;text-transform:uppercase;font-size:9px;font-weight:500}.agent-inspector.working strong{color:#a7c687}.agent-inspector.waiting_approval strong{color:#e5c57f}.agent-inspector p{color:#c8cec5;margin:7px 0 0;font-size:10px;line-height:1.4}@keyframes character-idle{50%{transform:translateY(-2px)rotate(.5deg)}}@keyframes character-working{to{transform:translateY(-1px)rotate(-1.5deg)}}@keyframes character-waiting{50%{transform:translateY(-4px)}}@keyframes status-pulse{50%{box-shadow:0 0 0 6px #ffffff1f}}@keyframes dust-float{50%{opacity:.2;transform:translate(18px,-26px)}}@keyframes steam-rise{0%{opacity:0;transform:translateY(12px)scale(.7)}35%{opacity:.6}to{opacity:0;transform:translate(5px,-28px)scale(1.2)}}@keyframes aquarium-breathe{to{opacity:.55;transform:scale(1.04)}}.control-column{border-left:1px solid var(--line);background:#101713;grid-template-rows:minmax(270px,1fr) auto auto;height:100%;min-height:0;display:grid;overflow:auto}.panel-heading{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:18px;display:flex}.manager-avatar{border:1px solid var(--gold);width:40px;height:40px;color:var(--gold);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:19px;display:grid}.panel-heading h1,.task-desk h2,.activity-panel h2{margin:0;font-size:15px;font-weight:600}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:11px}.chat-panel{grid-template-rows:auto 1fr auto auto;min-height:270px;display:grid}.messages{min-height:100px;padding:14px 18px;overflow-y:auto}.empty-chat{color:var(--muted);justify-items:start;gap:10px;padding:18px 0;display:grid}.empty-chat p{max-width:260px;margin:0;font-size:13px;line-height:1.55}.message{margin:0 0 14px}.message span{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:10px;display:block}.message p{color:var(--ivory);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.message.owner{padding-left:28px}.message.owner span{color:#9eae91}.chat-form{border-top:1px solid var(--line);grid-template-columns:1fr 42px;align-items:end;gap:8px;padding:12px 14px 14px;display:grid}.chat-form textarea{resize:vertical;width:100%;min-height:42px;max-height:120px;color:var(--ivory);background:0 0;border:0;outline:0;padding:10px 4px}.chat-form textarea::placeholder{color:#6f786f}.send-button{border:1px solid var(--line);background:var(--green-deep);cursor:pointer;place-items:center;width:42px;height:42px;display:grid}.send-button:disabled{opacity:.4;cursor:default}.inline-error{color:#efb7ac;border:1px solid #c96e5d80;margin:0 14px 10px;padding:9px 11px;font-size:12px}.task-desk,.activity-panel{border-top:1px solid var(--line);padding:16px 18px}.task-desk>header,.activity-panel>header{color:var(--gold);align-items:center;gap:8px;display:flex}.task-owner{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:14px;font-size:10px}.task-desk h3{margin:6px 0 14px;font-family:Georgia,serif;font-size:18px;font-weight:400;line-height:1.25}.task-cost{border-top:1px solid var(--line);justify-content:space-between;align-items:end;padding-top:12px;display:flex}.task-cost span{color:var(--muted);font-size:11px}.task-cost strong{color:var(--gold);font-size:19px;font-weight:500}.task-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.primary-command,.secondary-command{cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex}.primary-command{color:#fff4df;background:#3d512f;border:1px solid #6d884e}.secondary-command{border:1px solid var(--line);color:var(--muted);background:0 0}.quiet-copy,.active-note{color:var(--muted);font-size:12px;line-height:1.5}.active-note{color:#a9be91}.agent-list{margin-top:12px}.agent-row{grid-template-columns:9px 1fr auto;align-items:center;gap:8px;min-height:27px;font-size:11px;display:grid}.agent-row small{color:var(--muted)}.agent-state{background:#5f675f;border-radius:50%;width:7px;height:7px}.agent-state.working{background:#88a75d}.agent-state.waiting_approval{background:var(--gold)}.event-log{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.event-log h3{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;font-size:10px;font-weight:500}.event-row{color:#c9ccbf;grid-template-columns:1fr auto;gap:10px;margin:7px 0;font-size:10px;line-height:1.35;display:grid}.event-row time{color:#747d74}.dialog-backdrop{z-index:20;background:#070a08cc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.order-dialog{border:1px solid var(--line);background:#151e18;width:min(520px,100%);max-height:calc(100vh - 36px);overflow:auto}.order-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px;display:flex}.order-dialog header span{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.order-dialog h2{margin:5px 0 0;font-family:Georgia,serif;font-size:24px;font-weight:400}.order-dialog form{gap:15px;padding:20px;display:grid}.order-dialog label{color:var(--muted);gap:7px;font-size:11px;display:grid}.order-dialog input,.order-dialog textarea{border:1px solid var(--line);width:100%;color:var(--ivory);background:#101713;outline:0;padding:11px}.order-dialog input:focus,.order-dialog textarea:focus{border-color:#748a5e}.order-dialog .checkbox-row{grid-template-columns:18px 1fr;align-items:start;line-height:1.4}.order-dialog .checkbox-row input{width:16px;height:16px;margin:0}.order-success{text-align:center;color:#b9c7aa;justify-items:center;gap:14px;padding:44px 28px;display:grid}.order-success p{max-width:350px;margin:0;line-height:1.55}.mobile-nav{display:none}.loading-line{z-index:30;background:var(--gold);width:30%;height:2px;animation:1.2s ease-in-out infinite alternate loading;position:fixed;top:57px;left:0}@keyframes loading{to{transform:translate(235%)}}@media (width<=760px){body{overflow:hidden}.topbar{grid-template-columns:1fr auto 38px;gap:8px;height:52px;padding:0 10px}.studio-name{gap:1px;display:grid}.studio-name span{font-size:14px}.studio-name small{font-size:8px}.topbar-status{display:none}.budget-button{text-align:right;gap:0;display:grid}.budget-button span{font-size:12px}.budget-button small{font-size:8px}.topbar .icon-button{width:36px;height:36px}.workspace{height:calc(100dvh - 108px);display:block}.office-column,.control-column{display:none}.office-column.is-mobile-active,.control-column.is-mobile-active{height:100%;display:block}.office-game-viewport{scrollbar-width:none;touch-action:pan-x;overflow:auto hidden}.office-game-viewport::-webkit-scrollbar{display:none}.office-game-stage{width:920px;min-width:920px;height:100%}.office-game-background{object-position:center}.office-character{transform:translate(-50%,-77%)scale(.92)}.character-label{min-width:78px}.agent-inspector{width:245px;padding:9px 11px;bottom:10px;right:10px}.office-scene-key{display:none}.control-column{background:#101713;border-left:0;overflow-y:auto}.chat-panel{min-height:62%}.messages{min-height:180px}.activity-panel{padding-bottom:30px}.mobile-nav{z-index:10;height:56px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#0d1410;grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex;position:relative}.mobile-nav button.is-current{color:var(--gold)}.mobile-nav b{color:#fff;background:#a24d3e;border-radius:8px;place-items:center;min-width:16px;height:16px;font-size:9px;display:grid;position:absolute;top:5px;left:calc(50% + 9px)}.dialog-backdrop{align-items:end;padding:0}.order-dialog{border-width:1px 0 0;max-height:90dvh}}