:root{--bg:#f5f2ec;--bg-soft:#ebe6dc;--surface:#fffdf8c7;--surface-strong:#fffdf8f0;--surface-muted:#ebe6dcc2;--surface-gradient:linear-gradient(145deg, #fffdf8f5, #ebe6dcc2);--text:#3d3932;--muted:#746f66;--border:#3d393229;--primary:#8c8172;--primary-strong:#635c52;--secondary:#a09383;--danger:#9a756d;--warning:#b49d73;--pixel-floor:#e9e2d7;--pixel-floor-line:#3d39321a;--pixel-wall:#fffdf8d6;--desk-top:#d8cbb9;--desk-edge:#b8aa99;--avatar-skin:#d5b59c;--avatar-hair:#6b6258;--avatar-pants:#82796d;--pixel-shadow:#3d39322e;--shadow:0 24px 80px #3d393224;--radius:24px;color:var(--text);background:radial-gradient(circle at top left, #a0938333, transparent 34rem), radial-gradient(circle at bottom right, #635c5224, transparent 30rem), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#161513;--bg-soft:#24211d;--surface:#25221ed1;--surface-strong:#302c27f5;--surface-muted:#201e1be6;--surface-gradient:linear-gradient(145deg, #302c27f5, #201e1be6);--text:#f2eee5;--muted:#b8b0a3;--border:#f2eee524;--primary:#c2b39f;--primary-strong:#e2d5c2;--secondary:#a89c8d;--danger:#c49a91;--warning:#ccb17b;--pixel-floor:#211f1c;--pixel-floor-line:#f2eee514;--pixel-wall:#2b2824e6;--desk-top:#6c6256;--desk-edge:#4f4941;--avatar-skin:#b99076;--avatar-hair:#ded2c3;--avatar-pants:#b8ad9f;--pixel-shadow:#0000006b;--shadow:0 24px 80px #00000052;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}#root{min-height:100vh}.page-shell{width:min(1180px,100% - 32px);margin:0 auto}.site-header,.hero-section,.landing-section,.landing-cta,.feature-card,.auth-card,.sidebar,.panel,.stat-card,.pixel-card{border:1px solid var(--border);background:var(--surface-gradient);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.visual-settings{z-index:50;grid-template-columns:auto minmax(260px,320px);align-items:start;transition:transform .24s;display:grid;position:fixed;top:120px;right:0;transform:translate(calc(100% - 48px))}.visual-settings-open{transform:translate(0)}.visual-settings-toggle{border:1px solid var(--border);min-width:148px;min-height:48px;color:var(--text);background:var(--surface-strong);box-shadow:var(--shadow);transform-origin:0 0;border-radius:16px 16px 0 0;font-weight:900;transform:rotate(-90deg)translate(-100%)}.visual-settings-panel{border:1px solid var(--border);background:var(--surface-gradient);min-height:250px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:0;border-radius:22px 0 0 22px;gap:14px;padding:20px;display:grid}.theme-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.theme-option{border:1px solid var(--border);color:var(--text);background:var(--surface-muted);border-radius:16px;justify-items:center;gap:10px;padding:14px;font-weight:900;display:grid}.theme-option-active{border-color:var(--primary);background:var(--surface-strong);box-shadow:0 8px #3d393214}.theme-preview{border:1px solid var(--border);border-radius:10px;width:64px;height:42px}.theme-preview-light{background:linear-gradient(135deg,#f5f2ec 50%,#ebe6dc 50%)}.theme-preview-dark{background:linear-gradient(135deg,#161513 50%,#302c27 50%)}.site-header{border-radius:999px;justify-content:space-between;align-items:center;gap:24px;margin:24px 0;padding:14px 18px;display:flex}.landing-page{padding-bottom:56px}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid var(--surface-strong);background:var(--primary);width:38px;height:38px;box-shadow:4px 4px 0 var(--bg-soft);image-rendering:pixelated;place-items:center;display:grid}.site-nav,.sidebar-nav,.hero-actions,.auth-links,.panel-heading,.task-meta{align-items:center;gap:12px;display:flex}.site-nav a,.auth-links a,.sidebar-nav a{color:var(--muted);text-decoration:none}.site-nav a{border-radius:999px;padding:8px 10px;transition:color .2s,background .2s}.site-nav a:hover{background:var(--surface-muted)}.site-nav a:hover,.auth-links a:hover,.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--text)}.hero-section{background:radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 28rem), linear-gradient(135deg, color-mix(in srgb, var(--surface-strong) 92%, var(--primary)), var(--surface-gradient));border-radius:36px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:34px;min-height:620px;padding:56px;display:grid;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#b49d7338,#0000 68%);border-radius:999px;width:520px;height:520px;position:absolute;inset:-32% auto auto 44%}.hero-section:after{background:radial-gradient(circle, color-mix(in srgb, var(--secondary) 18%, transparent), transparent 70%);content:"";pointer-events:none;border-radius:999px;width:380px;height:380px;position:absolute;inset:auto 42% 8% -12%}.hero-section>*{z-index:1;position:relative}.hero-copy{gap:24px;display:grid}.hero-kicker-row{flex-wrap:wrap;gap:10px;display:flex}.hero-kicker{border:1px solid var(--border);min-height:32px;color:var(--text);background:var(--surface-strong);border-radius:999px;align-items:center;padding:0 12px;font-size:.78rem;font-weight:900;display:inline-flex}.hero-kicker-muted{color:var(--muted);background:var(--surface-muted)}.eyebrow{color:var(--secondary);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:800}.hero-copy h1,.page-title h1,.auth-card h1{letter-spacing:-.07em;max-width:760px;font-size:clamp(2.35rem,7vw,5rem);line-height:.96}.hero-text,.page-title p,.landing-section-copy p,.workflow-card p,.landing-cta p,.feature-card p,.muted,.task-card p{color:var(--muted);line-height:1.7}.hero-text{max-width:660px;font-size:clamp(1rem,2vw,1.14rem)}.button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:var(--bg);background:var(--primary-strong);box-shadow:0 8px #3d39321f}.button-primary:hover{background:var(--text)}.button-secondary{color:var(--text);border-color:var(--border);background:var(--surface-muted)}.button-secondary:hover{border-color:var(--primary);background:var(--surface-strong)}.hero-trust-row{flex-wrap:wrap;gap:8px;display:flex}.hero-trust-row span{border:1px solid var(--border);min-height:30px;color:var(--muted);background:color-mix(in srgb, var(--surface-muted) 84%, transparent);border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.hero-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:680px;display:grid}.hero-proof-card{border:1px solid var(--border);background:var(--surface-muted);border-radius:18px;align-content:center;gap:4px;min-height:112px;padding:16px;display:grid}.hero-proof-card strong{letter-spacing:-.06em;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}.hero-proof-card span{color:var(--muted);font-size:.86rem;font-weight:800;line-height:1.35}.config-notice{border:1px solid var(--border);color:var(--text);background:var(--surface-muted);border-radius:18px;gap:6px;margin-bottom:18px;padding:14px 16px;line-height:1.55;display:grid}.config-notice span{color:var(--muted)}.full-width{width:100%}.pixel-card{border-radius:28px;overflow:hidden}.pixel-card-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:18px;display:flex}.pixel-card-header>div{gap:4px;display:grid}.pixel-card-header span:first-child{font-weight:900}.pixel-card-header small{color:var(--muted);font-weight:800}.status-pill,.member-status,.task-meta span{text-transform:capitalize;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800}.status-pill{color:var(--bg);background:var(--secondary)}.pixel-scene{background:linear-gradient(var(--pixel-floor-line) 2px, transparent 2px), linear-gradient(90deg, var(--pixel-floor-line) 2px, transparent 2px), var(--pixel-floor);background-size:34px 34px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-height:360px;padding:22px;display:grid}.pixel-card-footer{border-top:1px solid var(--border);background:var(--surface-strong);flex-wrap:wrap;gap:10px;padding:16px 18px;display:flex}.pixel-card-footer span{border:1px solid var(--border);color:var(--muted);background:var(--surface-muted);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}.project-scene{border-radius:22px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));min-height:420px}.pixel-member{border:2px solid var(--border);min-height:172px;color:var(--text);background:var(--surface-muted);image-rendering:pixelated;text-align:center;border-radius:18px;align-content:center;justify-items:center;gap:9px;transition:transform .18s steps(2,end),box-shadow .18s,background .18s;display:grid}.pixel-member:hover{border-color:var(--primary);background:var(--surface-strong);box-shadow:0 10px 0 var(--pixel-shadow);transform:translateY(-3px)}.pixel-avatar{width:86px;height:104px;image-rendering:pixelated;animation:1.6s steps(2,end) infinite avatar-idle;display:block;position:relative}.avatar-sprite{width:var(--avatar-frame-width);height:var(--avatar-frame-height);max-width:100%;image-rendering:pixelated;transform-origin:bottom;--avatar-scale:1;display:block;position:relative;overflow:hidden}.avatar-sprite:before{width:var(--avatar-frame-width);height:var(--avatar-frame-height);background-image:var(--avatar-sheet);background-position:var(--avatar-frame-x) var(--avatar-frame-y);background-repeat:no-repeat;background-size:var(--avatar-sheet-width) var(--avatar-sheet-height);content:"";image-rendering:pixelated;mix-blend-mode:multiply;transform:scale(var(--avatar-scale));transform-origin:0 0;animation:avatar-sprite-cycle var(--avatar-animation-duration) steps(var(--avatar-frame-steps)) infinite;position:absolute;top:0;left:0}.avatar-sprite-card{--avatar-scale:.62;border-radius:18px;width:82px;height:112px;transform:scale(1.05)}.avatar-sprite-card:before{transform-origin:0 0}.avatar-sprite-card.avatar-sprite-state-work{width:116px}.avatar-sprite-card.avatar-sprite-state-work:before{--avatar-scale:.6}.avatar-sprite-map,.avatar-sprite-desk{filter:drop-shadow(3px 4px #0f121952);width:58px;height:74px}.avatar-sprite-status{--avatar-scale:.23;border-radius:8px;flex:none;width:30px;height:34px}.avatar-sprite-map:before,.avatar-sprite-desk:before,.avatar-sprite-status:before{transform-origin:0 0}.avatar-sprite-map,.avatar-sprite-desk{--avatar-scale:.42}.avatar-sprite-desk.avatar-sprite-state-work{width:66px}.avatar-sprite-state-tired{filter:grayscale(.12)drop-shadow(3px 4px #0f121952)}.svg-avatar-foreign{overflow:visible}.svg-avatar-foreign-shell{place-items:end center;width:70px;height:88px;display:grid}.office-sprite-legacy-fallback{display:none}.presence-button-avatar{place-items:center;width:32px;height:34px;display:inline-grid;overflow:hidden}.pixel-shadow,.pixel-hair,.pixel-head,.pixel-body,.pixel-arm,.pixel-leg,.pixel-mouth,.pixel-eye{image-rendering:pixelated;display:block;position:absolute}.pixel-shadow{background:var(--pixel-shadow);border-radius:50%;width:58px;height:12px;animation:1.6s steps(2,end) infinite avatar-shadow;bottom:0;left:14px}.pixel-hair{z-index:3;background:var(--avatar-hair);width:36px;height:18px;box-shadow:-6px 6px 0 var(--avatar-hair), 6px 6px 0 var(--avatar-hair);top:4px;left:25px}.pixel-head{z-index:2;background:var(--avatar-skin);width:40px;height:34px;box-shadow:0 4px 0 var(--desk-edge), 4px 4px 0 var(--pixel-shadow);top:16px;left:23px}.pixel-eye{background:var(--text);width:5px;height:5px;top:13px}.pixel-eye-left{left:10px}.pixel-eye-right{right:10px}.pixel-mouth{background:var(--danger);width:10px;height:3px;bottom:8px;left:15px}.pixel-body{z-index:2;background:var(--avatar-color,var(--primary));width:48px;height:38px;box-shadow:0 6px 0 var(--pixel-shadow), 4px 4px 0 var(--pixel-shadow);top:52px;left:19px}.pixel-arm{background:var(--avatar-skin);width:10px;height:30px;animation:1.6s steps(2,end) infinite avatar-arms;top:4px}.pixel-arm-left{left:-12px}.pixel-arm-right{right:-12px}.pixel-legs{gap:8px;display:flex;position:absolute;bottom:12px;left:26px}.pixel-leg{background:var(--avatar-pants);width:14px;height:18px;animation:1.6s steps(2,end) infinite avatar-legs;position:static}.pixel-avatar-violet{--avatar-color:var(--primary)}.pixel-avatar-blue{--avatar-color:var(--secondary)}.pixel-avatar-orange{--avatar-color:var(--warning)}.pixel-avatar-green{--avatar-color:var(--primary-strong)}.pixel-avatar-focused{animation-duration:1s}.pixel-avatar-break{animation-name:avatar-breathe;animation-duration:2.4s}.pixel-avatar-offline{filter:grayscale(.35)saturate(.7);animation:none}.pixel-member-name{font-weight:900}.member-status-working,.member-status-review,.member-status-blocked,.member-status-done,.member-status-online,.member-status-focused,.member-status-break,.member-status-meeting,.member-status-offline{color:var(--text);background:var(--surface-muted)}.member-status-focused{color:var(--bg);background:var(--primary)}.member-status-break{color:var(--bg);background:var(--warning)}.member-status-meeting{color:var(--bg);background:var(--secondary)}.member-status-offline{color:var(--muted);background:var(--surface-muted)}@keyframes avatar-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes avatar-shadow{0%,to{transform:scaleX(1)}50%{transform:scaleX(.86)}}@keyframes avatar-arms{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes avatar-legs{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes avatar-breathe{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-2px)rotate(1deg)}}@keyframes avatar-sprite-cycle{0%{background-position:var(--avatar-frame-x) var(--avatar-frame-y)}to{background-position:var(--avatar-last-frame-x) var(--avatar-frame-y)}}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0;display:grid}.feature-card,.auth-card,.panel,.stat-card{border-radius:var(--radius);padding:24px}.feature-card{align-content:start;gap:12px;min-height:230px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden}.feature-card:before{background:radial-gradient(circle, color-mix(in srgb, var(--primary) 18%, transparent), transparent 70%);content:"";pointer-events:none;border-radius:999px;width:170px;height:170px;position:absolute;inset:auto -20% -38% auto}.feature-card>*{z-index:1;position:relative}.feature-card:hover{border-color:var(--primary);box-shadow:0 16px 0 #3d393214, var(--shadow);transform:translateY(-4px)}.feature-card>span{width:fit-content;color:var(--bg);background:var(--primary);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:900}.feature-card-icon{border:1px solid var(--border);width:42px;height:42px;color:var(--bg);background:var(--primary-strong);box-shadow:4px 4px 0 var(--pixel-shadow);border-radius:14px;place-items:center;font-weight:900;display:grid}.feature-card h2,.landing-section-copy h2,.landing-cta h2{letter-spacing:-.06em;font-size:clamp(1.7rem,4vw,3rem);line-height:1}.landing-section{border-radius:32px;margin:18px 0;padding:34px}.landing-section-split{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:start;gap:28px;display:grid}.landing-section-copy{gap:16px;display:grid}.workflow-list{gap:12px;display:grid}.workflow-card{border:1px solid var(--border);background:var(--surface-muted);border-radius:20px;grid-template-columns:56px 1fr;align-items:start;gap:16px;padding:18px;display:grid}.workflow-card>span{border:1px solid var(--border);width:44px;height:44px;color:var(--bg);background:var(--primary-strong);box-shadow:4px 4px 0 var(--pixel-shadow);border-radius:14px;place-items:center;font-weight:900;display:grid}.workflow-card div{gap:8px;display:grid}.saas-strip{background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 10%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--primary) 10%, transparent) 1px, transparent 1px), var(--surface-gradient);background-size:28px 28px;gap:24px;display:grid}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.module-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-strong) 88%, transparent);border-radius:22px;align-content:start;gap:10px;min-height:190px;padding:18px;display:grid}.module-card>span{background:linear-gradient(90deg, var(--primary), var(--secondary), var(--warning));border-radius:999px;width:100%;height:8px}.module-card p{color:var(--muted);line-height:1.55}.asset-showcase{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:center;gap:28px;display:grid;overflow:hidden}.asset-showcase-copy{max-width:520px}.asset-showcase-board{gap:14px;min-width:0;display:grid}.asset-sheet-window,.asset-sprite{image-rendering:pixelated;background-image:url(/assets/office-assets-light.jpg);background-repeat:no-repeat;background-size:1536px 1024px}:root[data-theme=dark] .asset-sheet-window,:root[data-theme=dark] .asset-sprite{background-image:url(/assets/office-assets-dark.jpg)}.asset-sheet-window-main{border:1px solid var(--border);background-position:-6px -190px;border-radius:22px;min-height:250px;box-shadow:inset 0 0 0 1px #ffffff0a}.asset-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.asset-chip{border:1px solid var(--border);background:var(--surface-muted);border-radius:18px;grid-template-columns:104px 1fr;align-items:center;gap:14px;padding:12px;display:grid}.asset-sprite{border:1px solid var(--border);background-color:#111820;background-position:var(--asset-x) var(--asset-y);width:104px;height:82px;box-shadow:4px 4px 0 var(--pixel-shadow);border-radius:14px;display:block}.asset-chip div{gap:5px;display:grid}.asset-chip small{color:var(--secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900}.asset-chip strong{font-size:1rem}.asset-chip p{color:var(--muted);font-size:.82rem;line-height:1.45}.landing-cta{border-radius:32px;justify-content:space-between;align-items:center;gap:24px;margin:18px 0 0;padding:34px;display:flex}.landing-cta>div:first-child{gap:12px;max-width:720px;display:grid}.landing-cta-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.auth-page{place-content:center;gap:24px;width:min(520px,100% - 32px);min-height:100vh;margin:0 auto;display:grid}.auth-brand{justify-self:center}.auth-card{gap:22px;display:grid}.auth-card h1{font-size:clamp(2rem,8vw,3.4rem)}.auth-form{gap:16px;display:grid}.role-notice{border:1px solid var(--border);background:var(--surface-muted);border-radius:16px;gap:6px;padding:14px;display:grid}.role-notice span{color:var(--muted);line-height:1.5}.role-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.role-choice{border:1px solid var(--border);color:var(--text);background:var(--surface-muted);text-align:left;border-radius:16px;gap:6px;padding:14px;display:grid}.role-choice span{color:var(--muted);line-height:1.45}.role-choice-active{border-color:var(--primary);background:var(--surface-strong)}.field{color:var(--muted);gap:8px;font-weight:700;display:grid}.field input,.field select,.task-meta select,.task-meta input{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface-strong);border-radius:14px;outline:none;padding:13px 14px}.field input:focus,.field select:focus,.task-meta select:focus,.task-meta input:focus{border-color:var(--primary-strong)}.field input:disabled,.field select:disabled{cursor:not-allowed;opacity:.65}.form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.button:disabled{cursor:not-allowed;opacity:.7;transform:none}.form-status{border:1px solid var(--border);color:var(--muted);background:var(--surface-muted);border-radius:14px;padding:12px 14px;line-height:1.5}.auth-links{flex-wrap:wrap;justify-content:space-between}.app-layout{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-width:0 1px 0 0;border-radius:0;flex-direction:column;gap:32px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.sidebar-nav{flex-direction:column;align-items:stretch}.sidebar-nav a,.sidebar-nav-muted{border-radius:14px;padding:13px 14px}.sidebar-nav-muted{color:var(--muted);background:var(--surface-muted);font-size:.9rem;line-height:1.45}.sidebar-nav a.active{background:var(--surface-muted)}.sidebar-account{border-top:1px solid var(--border);color:var(--muted);overflow-wrap:anywhere;gap:12px;margin-top:auto;padding-top:20px;display:grid}.app-content{gap:22px;width:min(1440px,100%);padding:36px;display:grid}.page-title{gap:12px;display:grid}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{gap:8px;display:grid}.stat-card span{color:var(--muted)}.stat-card strong{font-size:2.2rem}.dashboard-grid,.project-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);align-items:start;gap:22px;display:grid}.panel{gap:18px;display:grid}.onboarding-panel,.empty-state{align-content:center;max-width:720px;min-height:420px}.onboarding-panel h1,.empty-state h1{letter-spacing:-.06em;font-size:clamp(2rem,6vw,4rem);line-height:.98}.compact-empty-state{border:1px dashed var(--border);background:var(--surface-muted);border-radius:20px;min-height:280px;padding:22px}.project-list{gap:14px;display:grid}.project-card{border:1px solid var(--border);background:var(--surface-muted);border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:18px;display:grid}.project-card-main{min-width:0;color:inherit;gap:8px;text-decoration:none;display:grid}.project-card:hover{border-color:var(--primary-strong);transform:translateY(-2px)}.project-card-meta{color:var(--muted);font-size:.82rem;font-weight:800}.project-open-button{white-space:nowrap}.project-card h3{margin-bottom:6px}.project-card p{color:var(--muted);line-height:1.6}.team-summary-grid{grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(120px,1fr));gap:14px;display:grid}.team-summary-card{border:1px solid var(--border);background:var(--surface-muted);min-height:116px;box-shadow:6px 6px 0 var(--pixel-shadow);border-radius:18px;gap:8px;padding:16px;display:grid}.team-summary-card span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:900}.team-summary-card strong{font-size:2rem;line-height:1}.team-summary-progress{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, transparent), transparent), var(--surface-muted)}.team-summary-urgent{border-color:var(--danger)}.team-summary-blocked{border-color:var(--warning)}.pixel-empty-state{border:1px dashed var(--border);min-height:150px;color:var(--muted);background:var(--surface-muted);text-align:center;border-radius:20px;align-content:center;padding:18px;display:grid}.office-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;display:grid;position:relative}.office-panel-toggle{min-height:40px;padding-inline:14px}.office-status-panel{z-index:46;border:4px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-strong) 88%, #d6a15f), var(--surface-gradient)), var(--surface-strong);width:min(390px,100vw - 28px);max-height:calc(100vh - 132px);box-shadow:inset 0 0 0 4px var(--surface-muted), -10px 12px 0 var(--pixel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:0;border-radius:24px 0 0 24px;padding:22px;transition:transform .24s;position:fixed;top:110px;right:0;overflow:auto;transform:translate(calc(100% + 16px))}.office-status-panel-open{transform:translate(0)}.office-status-panel .eyebrow{padding-right:42px}.office-status-panel h2{letter-spacing:-.04em;padding-right:42px}.office-status-close{border:2px solid var(--border);width:36px;height:36px;color:var(--text);background:var(--surface-strong);box-shadow:3px 3px 0 var(--pixel-shadow);cursor:pointer;border-radius:12px;font-size:1.35rem;font-weight:900;line-height:1;position:absolute;top:14px;right:14px}.office-status-panel .presence-control,.office-status-panel .employee-inspect-panel,.office-status-panel .progress-block,.office-status-panel .employee-task-row,.office-status-panel .quick-task-form,.office-status-panel .quick-template-grid,.office-status-panel .avatar-customizer{border-color:color-mix(in srgb, var(--border) 86%, #4e3524)}.office-status-panel .presence-control{border:2px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--pixel-floor) 42%, transparent), transparent), var(--surface-muted);border-radius:18px;padding:14px}.office-status-panel .button,.office-status-panel input,.office-status-panel select{border-width:2px}.office-game-shell{border:4px solid var(--border);background:var(--surface-strong);box-shadow:inset 0 0 0 4px var(--surface-muted), 0 14px 0 var(--pixel-shadow);image-rendering:pixelated;border-radius:18px;animation:.48s steps(4,end) both office-shell-boot;position:relative;overflow:hidden}.office-build-overlay{z-index:8;color:var(--text);background:linear-gradient(45deg, transparent 48%, var(--border) 48% 52%, transparent 52%), var(--pixel-floor);pointer-events:none;place-items:center;animation:2.05s step-end forwards office-build-fade;display:grid;position:absolute;inset:0;overflow:hidden}.office-build-overlay strong{border:2px solid var(--border);background:var(--surface-strong);box-shadow:4px 4px 0 var(--pixel-shadow);text-transform:uppercase;padding:8px 12px;position:absolute;bottom:28px}.build-crane{border-left:8px solid var(--primary-strong);border-top:8px solid var(--primary-strong);transform-origin:0 0;width:180px;height:86px;animation:1.7s steps(4,end) both build-crane-swing;position:absolute;top:24px;left:14%}.build-crane:after{content:"";background:var(--primary-strong);width:4px;height:78px;box-shadow:0 78px 0 8px var(--desk-edge);position:absolute;top:0;right:14px}.build-block{border:4px solid var(--border);background:var(--pixel-wall);width:120px;height:76px;box-shadow:6px 6px 0 var(--pixel-shadow);animation:1.2s steps(5,end) both build-block-drop;position:absolute}.build-block-one{top:54%;left:18%}.build-block-two{animation-delay:.24s;top:38%;left:42%}.build-block-three{animation-delay:.48s;top:56%;right:18%}.office-hud{z-index:2;border-bottom:4px solid var(--border);background:linear-gradient(90deg, var(--surface-strong), var(--surface-muted)), var(--surface-strong);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex;position:relative}.office-hud h3{letter-spacing:-.04em}.office-hud-stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.office-hud-stats span{border:2px solid var(--border);background:var(--surface-strong);box-shadow:3px 3px 0 var(--pixel-shadow);color:var(--muted);border-radius:8px;padding:7px 10px;font-size:.78rem;font-weight:900}.office-stage{gap:18px;display:grid}.svg-office-stage{min-height:clamp(680px,74vw,980px);box-shadow:inset 0 0 0 8px color-mix(in srgb, var(--border) 72%, transparent);background:linear-gradient(90deg,#090c14 0 5%,#0000 5% 95%,#090c14 95%),linear-gradient(#182233,#0e1320);padding:clamp(10px,1.4vw,18px);display:block;position:relative;overflow:hidden}.svg-office-scene{width:100%;height:min(86vh,980px);min-height:680px;image-rendering:pixelated;shape-rendering:crispedges;margin:0 auto;animation:1.1s steps(7,end) both office-floor-reveal;display:block;overflow:hidden}.pixel-office-background{image-rendering:pixelated}.svg-office-scene text{paint-order:stroke;stroke:color-mix(in srgb, var(--surface-strong) 88%, transparent);stroke-width:3px;text-anchor:middle;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,sans-serif;font-weight:900}.svg-office-scene polygon,.svg-office-scene rect,.svg-office-scene path,.svg-office-scene circle,.svg-office-scene ellipse{vector-effect:non-scaling-stroke}.pixel-office-void{fill:#0a0e18}.pixel-tile{stroke:#171421;stroke-width:2px}.pixel-tile-field-wall .pixel-tile{fill:#172234;stroke:#111826}.pixel-tile-field-wall .pixel-tile-alt{fill:#1d2c41}.pixel-tile-field-wood .pixel-tile{fill:#9a6426;stroke:#6d3e18}.pixel-tile-field-wood .pixel-tile-alt{fill:#a9712c}.pixel-tile-field-kitchen .pixel-tile{fill:#e7ddcc;stroke:#b8a892}.pixel-tile-field-kitchen .pixel-tile-alt{fill:#f2eadb}.pixel-tile-field-corridor .pixel-tile{fill:#24364c;stroke:#172234}.pixel-tile-field-meeting .pixel-tile{fill:#447ea3;stroke:#2f647f}.pixel-tile-field-meeting .pixel-tile-alt{fill:#4d8db2}.pixel-tile-grain{fill:#54301652;stroke:none!important}.pixel-tile-dot{fill:#c5b39b;stroke:none!important}.pixel-tile-highlight{fill:#bee1e63d;stroke:none!important}.pixel-room-outline,.pixel-corridor-outline{fill:#0000;stroke:#171421;stroke-width:8px}.pixel-corridor-outline{stroke-width:6px}.pixel-office-door{fill:#5d7f96;stroke:#171421;stroke-width:4px}.pixel-wall-trim rect{fill:#223246;stroke:#171421;stroke-width:2px}.svg-office-props polygon,.svg-office-props rect,.svg-office-props path,.svg-office-props circle,.svg-office-props ellipse,.svg-office-props text{stroke-linecap:square;stroke-linejoin:miter}.svg-office-window polygon{fill:#a8d8e8;stroke:#415969;stroke-width:5px}.svg-office-window path{fill:none;stroke:#ffffffc7;stroke-width:4px}.svg-office-whiteboard polygon{fill:#edf1e8;stroke:#51402f;stroke-width:5px}.svg-office-whiteboard path{fill:none;stroke:#6d8b94;stroke-width:4px}.svg-office-whiteboard text,.svg-office-reception text{fill:#3e3024;font-size:20px}.svg-office-shelf polygon{fill:#9c6b43;stroke:#4b3424;stroke-width:5px}.svg-office-shelf .shelf-case{fill:#b27638;stroke:#2f1c1e;stroke-width:5px}.svg-office-shelf .shelf-row{fill:#7f4b28;stroke:#2f1c1e;stroke-width:3px}.svg-office-shelf-compact{transform-box:fill-box}.shelf-book-one{fill:#7f5bd5!important}.shelf-book-two{fill:#f2d06b!important}.shelf-book-three{fill:#74b087!important}.shelf-book-four{fill:#c85f5f!important}.svg-office-shelf path{fill:none;stroke:#5f3e29;stroke-width:5px}.svg-office-shelf .shelf-book{fill:#f0b35d;stroke:#4b3424;stroke-width:3px}.svg-office-server polygon{fill:#2f343d;stroke:#17191f;stroke-width:5px}.svg-office-server rect:first-child,.svg-vending rect:first-child,.svg-water-cooler rect,.svg-fridge rect:first-child{fill:#d7d6cf;stroke:#2f2730;stroke-width:4px}.svg-office-server rect:not(:first-child){fill:#74808b}.svg-office-server path{fill:none;stroke:#6d737f;stroke-width:5px}.svg-office-server circle,.svg-status-online,.svg-status-focused{fill:var(--primary-strong)}.svg-office-printer polygon{fill:#bbb8af;stroke:#51483e;stroke-width:5px}.svg-office-printer rect:nth-child(4){fill:#eef1f1}.svg-office-printer .printer-light{fill:#74b087;stroke:#2f2730;stroke-width:2px}.svg-office-printer rect{fill:#f1efe8;stroke:#51483e;stroke-width:4px}.svg-office-coffee polygon{fill:#343840;stroke:#1c1f24;stroke-width:5px}.svg-office-coffee circle{fill:#f1efe8;stroke:#1c1f24;stroke-width:4px}.svg-office-coffee path{fill:none;stroke:#f1efe8;stroke-width:7px}.svg-office-reception polygon,.svg-office-meeting ellipse:first-child,.svg-office-meeting path{fill:#b8753d;stroke:#4e3524;stroke-width:5px}.meeting-table-top{fill:#b7833f;stroke:#4b2b24;stroke-width:5px}.meeting-chair{fill:#b35b84;stroke:#4b2b4a;stroke-width:5px}.meeting-paper{fill:#f4f1dc;stroke:#4b2b24;stroke-width:3px}.meeting-monitor{fill:#d7dfe3;stroke:#3b4350;stroke-width:4px}.meeting-cup{fill:#f4f1dc;stroke:#4b2b24;stroke-width:3px}.svg-office-meeting ellipse:not(:first-child){fill:#695f56;stroke:#3e342c;stroke-width:4px}.svg-office-plant polygon{fill:#98633e;stroke:#4e3524;stroke-width:5px}.svg-office-plant path{fill:none;stroke:#47733f;stroke-width:11px;stroke-linecap:square}.svg-office-plant rect{fill:#e8e8df;stroke:#3f3a33;stroke-width:4px}.svg-office-plant .plant-leaf{fill:#5f9a50;stroke:#2f5f38;stroke-width:3px}.svg-storage-boxes rect{fill:#d49c55;stroke:#5a3920;stroke-width:4px}.svg-storage-boxes path{fill:none;stroke:#7a4b26;stroke-width:3px}.svg-vending rect:nth-child(2){fill:#32364a}.svg-vending rect:not(:first-child):not(:nth-child(2)),.svg-water-cooler rect:nth-child(3){fill:#9ac7d7;stroke:#2f2730;stroke-width:3px}.svg-vending .vending-slot{fill:#1f2333}.svg-water-cooler circle{fill:#c85f5f;stroke:#2f2730;stroke-width:3px}.svg-clock circle{fill:#f4f1dc;stroke:#2f2730;stroke-width:4px}.svg-clock path{fill:none;stroke:#2f2730;stroke-width:4px}.svg-counter rect:first-child{fill:#f1f0e9;stroke:#2f2730;stroke-width:4px}.svg-counter rect:not(:first-child){fill:#d1a055;stroke:#5a3920;stroke-width:3px}.svg-counter .counter-sink{fill:#9fc8d0;stroke:#2f2730}.svg-counter .counter-coffee{fill:#38313a;stroke:#2f2730}.svg-fridge .fridge-note{fill:#f4d15f;stroke:#2f2730;stroke-width:2px}.svg-fridge path,.svg-painting path{fill:none;stroke:#2f2730;stroke-width:4px}.svg-painting rect{fill:#8cc8ce;stroke:#7a452d;stroke-width:5px}.svg-painting path{stroke:#f4f1dc}.svg-painting circle{fill:#f4d15f;stroke:none}.svg-office-clickable{cursor:pointer;outline:none;transition:opacity .16s,transform .16s steps(2,end)}.svg-office-clickable:hover,.svg-office-clickable:focus-visible,.svg-office-selected{opacity:.92}.pixel-workstation-facing-left{transform-box:fill-box;transform-origin:50%}.pixel-workstation-facing-left .svg-office-desk,.pixel-workstation-facing-left .svg-office-chair,.pixel-workstation-facing-left .svg-office-monitor{transform-box:fill-box;transform-origin:50%;transform:rotate(90deg)}.pixel-workstation-facing-left .svg-office-chair{transform:translate(-58px)rotate(90deg)}.pixel-workstation-facing-left .svg-office-monitor{transform:translate(34px,4px)rotate(90deg)}.pixel-workstation-facing-left .svg-office-avatar{transform:translate(-46px,2px)}.svg-office-chair polygon,.svg-office-chair rect,.svg-avatar-seat{fill:#686159;stroke:#40362e;stroke-width:4px}.svg-desk-top{fill:#9d5c1c;stroke:#2f1c1e;stroke-width:5px}.svg-desk-front{fill:#6d3a16;stroke:#2f1c1e;stroke-width:5px}.svg-desk-lip{fill:#c17b2e;stroke:#2f1c1e;stroke-width:3px}.pixel-desk-hitbox,.office-hotspot-hitbox{fill:#0000;stroke:#0000}.pixel-desk-selection,.office-hotspot-selection{fill:#0000;stroke:#0000;stroke-width:7px;stroke-dasharray:0;opacity:0;transition:opacity .12s steps(2,end)}.svg-desk-line{fill:#d08a38;stroke:none!important}.svg-desk-side{fill:#a86a38;stroke:#4e3524;stroke-width:5px}.svg-desk-leg{fill:#5d3924;stroke:#4e3524;stroke-width:3px}.svg-desk-drawer{fill:#8c4d19;stroke:#2f1c1e;stroke-width:3px}.svg-office-monitor rect{fill:#2e2c3c;stroke:#1c1724;stroke-width:3px}.svg-office-monitor rect:nth-child(2){fill:#94a6c0}.svg-office-monitor rect:nth-child(5),.svg-office-monitor rect:nth-child(6),.svg-office-monitor rect:nth-child(7){fill:#e8e1d7}.office-avatar-motion-break{transform-box:fill-box;transform-origin:50%}.office-sprite-avatar{shape-rendering:crispedges;transform-box:fill-box;transform-origin:bottom}.office-sprite-avatar .office-sprite-pixel{stroke:none}.office-sprite-frame{opacity:0}.office-sprite-frame-1{opacity:1}.office-sprite-shadow{fill:#0000003d;stroke:none}.office-sprite-bob{animation:1.15s steps(2,end) infinite office-avatar-idle}.svg-avatar-pose-standing .office-sprite-frame-1,.svg-avatar-pose-sitting .office-sprite-frame-1,.svg-avatar-pose-sleeping .office-sprite-frame-1{animation:1.15s step-end infinite office-sprite-two-frame-a}.svg-avatar-pose-standing .office-sprite-frame-2,.svg-avatar-pose-sitting .office-sprite-frame-2,.svg-avatar-pose-sleeping .office-sprite-frame-2{animation:1.15s step-end infinite office-sprite-two-frame-b}.svg-avatar-pose-walking .office-sprite-bob{animation:.56s steps(2,end) infinite office-avatar-walk-bob}.svg-avatar-pose-walking .office-sprite-frame-1{animation:.72s step-end infinite office-sprite-four-frame-1}.svg-avatar-pose-walking .office-sprite-frame-2{animation:.72s step-end infinite office-sprite-four-frame-2}.svg-avatar-pose-walking .office-sprite-frame-3{animation:.72s step-end infinite office-sprite-four-frame-3}.svg-avatar-pose-walking .office-sprite-frame-4{animation:.72s step-end infinite office-sprite-four-frame-4}.svg-avatar-pose-sleeping .office-sprite-bob{animation:1.7s steps(2,end) infinite office-avatar-sleep}.office-sprite-sleep-bubble text{fill:#f4f1dc;paint-order:stroke;stroke:#211720;stroke-width:2px;font-family:Inter,system-ui,sans-serif;font-size:11px;animation:1.7s steps(2,end) infinite office-avatar-sleep-bubble}.office-sprite-sleep-bubble text:nth-child(2){font-size:8px;animation-delay:.35s}.office-sprite-walk-path{fill:none;stroke-width:1.8px;stroke-dasharray:2 3;stroke:#f4f1dc6b!important}.svg-office-indicator{filter:drop-shadow(2px 3px #12101652);pointer-events:none;animation:1.35s steps(2,end) infinite office-indicator-pop}.svg-office-indicator circle{fill:var(--surface-strong);stroke:#211720;stroke-width:3px}.svg-office-indicator text{text-anchor:middle;stroke:none;font-size:17px}.svg-office-indicator-urgent circle,.svg-office-indicator-blocked circle{fill:#fff0e8;stroke:var(--danger)}.svg-office-indicator-break circle,.svg-office-indicator-meeting circle{fill:#fff7d6;stroke:var(--warning)}.svg-office-indicator-done circle{fill:#ecfdf3;stroke:var(--success)}.svg-avatar-rug{fill:#0000;stroke:#0000}.svg-status-dot{fill:var(--muted);stroke:#34251b;stroke-width:4px}.svg-status-online,.svg-status-focused{animation:1.1s steps(2,end) infinite status-blink}.svg-status-break,.svg-status-meeting{fill:var(--warning)}.svg-status-offline{fill:var(--muted)}.svg-urgent-marker{fill:var(--danger);font-size:38px}.svg-office-label rect{fill:var(--surface-strong);stroke:var(--border);stroke-width:3px}.svg-office-label{opacity:0;pointer-events:none;transition:opacity .12s steps(2,end)}.svg-office-clickable:hover .svg-office-label,.svg-office-clickable:focus-visible .svg-office-label,.svg-office-label-visible{opacity:1}.svg-office-label text{fill:var(--text);stroke-width:2px;font-size:13px}.svg-office-label-muted{fill:var(--muted)!important;font-size:11px!important}.svg-office-selected .svg-desk-top,.svg-office-selected .pixel-desk-selection,.svg-office-selected .office-hotspot-selection,.svg-office-selected .svg-avatar-rug,.svg-office-clickable:focus-visible .svg-desk-top,.svg-office-clickable:focus-visible .pixel-desk-selection,.svg-office-clickable:focus-visible .office-hotspot-selection,.svg-office-clickable:focus-visible .svg-avatar-rug{stroke:var(--primary-strong);stroke-width:8px;opacity:1}.svg-office-clickable:hover .office-hotspot-selection{stroke:color-mix(in srgb, var(--primary-strong) 72%, transparent);stroke-width:6px;opacity:.72}.svg-office-selected .svg-office-label rect,.svg-office-clickable:focus-visible .svg-office-label rect{stroke:var(--primary-strong)}.svg-office-empty{z-index:3;border:3px solid var(--border);background:var(--surface-strong);box-shadow:8px 8px 0 var(--pixel-shadow);text-align:center;gap:8px;padding:16px;display:grid;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.office-game-stage{background:linear-gradient(90deg, #ffffff0a 1px, transparent 1px), linear-gradient(#ffffff0a 1px, transparent 1px), linear-gradient(45deg, var(--pixel-floor-line) 25%, transparent 25%), linear-gradient(-45deg, var(--pixel-floor-line) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--pixel-floor-line) 75%), linear-gradient(-45deg, transparent 75%, var(--pixel-floor-line) 75%), var(--pixel-floor);min-height:720px;box-shadow:inset 0 0 0 8px var(--surface-muted);background-position:0 0,0 0,0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px,28px 28px,28px 28px,28px 28px,28px 28px,28px 28px;grid-template-columns:minmax(250px,.65fr) minmax(360px,1.35fr);grid-template-areas:"manager employees""support support";align-items:stretch;padding:70px 22px 22px;animation:1.4s steps(8,end) both office-floor-reveal;position:relative;overflow:hidden}.office-wall{z-index:1;background:var(--pixel-wall);box-shadow:0 8px 0 var(--pixel-shadow);display:block;position:absolute}.office-wall-top{border-bottom:4px solid var(--border);background:repeating-linear-gradient(90deg, transparent 0 42px, var(--pixel-floor-line) 42px 46px), var(--pixel-wall);height:54px;top:0;left:0;right:0}.office-wall-left,.office-wall-right{border-inline:4px solid var(--border);width:18px;top:54px;bottom:0}.office-wall-left{left:0}.office-wall-right{right:0}.office-elevator,.office-reception,.office-plant{z-index:2;border:3px solid var(--border);background:var(--surface-strong);box-shadow:5px 5px 0 var(--pixel-shadow);place-items:center;display:grid;position:absolute}.office-elevator{width:44px;height:32px;font-weight:900;top:12px;right:28px}.office-reception{background:var(--desk-top);width:62px;height:34px;font-weight:900;top:12px;left:28px}.office-plant{border-color:var(--primary);background:linear-gradient(90deg, transparent 35%, var(--primary) 35% 65%, transparent 65%), linear-gradient(135deg, transparent 25%, var(--secondary) 25% 45%, transparent 45%), var(--surface-strong);width:28px;height:38px}.office-plant-one{top:13px;left:110px}.office-plant-two{top:13px;right:94px}.office-zone,.office-room{border:4px solid var(--border);background:linear-gradient(180deg, var(--pixel-wall) 0 42px, transparent 42px), var(--surface);box-shadow:8px 8px 0 var(--pixel-shadow);border-radius:0;gap:14px;padding:16px;display:grid}.office-room-scene{z-index:2;animation:.72s steps(5,end) both office-room-build;position:relative}.manager-office{border-color:var(--primary);background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 20%, var(--pixel-wall)) 0 42px, transparent 42px), var(--surface);grid-area:manager;animation-delay:.42s}.employee-office{grid-area:employees;animation-delay:.56s}.support-room-grid{grid-area:support;animation-delay:.7s}.room-sign{align-items:center;gap:10px;min-height:34px;display:flex}.room-icon{border:2px solid var(--border);background:var(--surface-strong);width:32px;height:32px;box-shadow:3px 3px 0 var(--pixel-shadow);place-items:center;font-weight:900;display:grid}.office-desk-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:14px;display:grid}.employee-desk-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.manager-desk-grid{grid-template-columns:1fr}.office-desk{border:3px solid var(--border);min-height:286px;color:var(--text);background:linear-gradient(180deg, transparent 0 62%, var(--surface-muted) 62%), var(--surface-strong);box-shadow:0 8px 0 var(--pixel-shadow);font:inherit;text-align:left;cursor:pointer;animation:.5s steps(4,end) both desk-pop;animation-delay:calc(.72s + (var(--desk-index) * 80ms));border-radius:0;gap:10px;padding:12px;transition:transform .18s steps(2,end),border-color .18s,box-shadow .18s;display:grid;position:relative}.office-desk:hover,.office-desk-selected{border-color:var(--primary-strong);box-shadow:0 12px 0 var(--pixel-shadow);transform:translateY(-4px)}.office-desk-selected{outline:4px solid color-mix(in srgb, var(--primary) 42%, transparent);outline-offset:4px}.office-desk-manager{min-height:340px}.office-desk-focused{border-color:var(--primary);background:linear-gradient(180deg, transparent 0 62%, var(--surface-muted) 62%), var(--surface-strong)}.office-desk-break,.office-desk-meeting{border-color:var(--warning)}.office-desk-offline{opacity:.62}.desk-surface{border:3px solid var(--border);background:linear-gradient(90deg, transparent 0 12%, color-mix(in srgb, var(--desk-edge) 30%, transparent) 12% 16%, transparent 16% 84%, color-mix(in srgb, var(--desk-edge) 30%, transparent) 84% 88%, transparent 88%), linear-gradient(180deg, transparent 0 44%, var(--desk-top) 44% 64%, var(--desk-edge) 64% 70%, transparent 70%), linear-gradient(180deg, var(--surface-strong) 0 58%, var(--pixel-floor) 58%);min-height:184px;box-shadow:inset 0 -8px 0 var(--pixel-shadow);border-radius:0;place-items:end center;padding-top:42px;display:grid;position:relative}.desk-monitor,.desk-keyboard,.desk-chair,.desk-status-light{image-rendering:pixelated;display:block;position:absolute}.desk-monitor{border:4px solid var(--primary-strong);background:var(--bg-soft);width:48px;height:34px;box-shadow:-8px 40px 0 -4px var(--primary-strong), 0 4px 0 var(--pixel-shadow);top:22px;left:50%;transform:translate(-50%)}.desk-keyboard{background:var(--desk-edge);width:52px;height:10px;box-shadow:0 3px 0 var(--pixel-shadow);top:78px;left:50%;transform:translate(-50%)}.desk-chair{border:4px solid var(--border);background:color-mix(in srgb, var(--secondary) 36%, transparent);border-bottom:0;width:58px;height:42px;bottom:16px;left:50%;transform:translate(-50%)}.desk-status-light{border:2px solid var(--border);background:var(--muted);width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb, var(--muted) 12%, transparent);top:10px;right:10px}.desk-status-online,.desk-status-focused{background:var(--primary-strong);animation:1.2s steps(2,end) infinite status-blink}.desk-status-break,.desk-status-meeting{background:var(--warning)}.desk-surface .pixel-member{z-index:2;background:0 0;border:0;width:100%;min-height:132px;padding:0;position:relative}.desk-surface .pixel-avatar{transform:scale(.9)}.desk-info,.desk-metrics,.presence-control{gap:8px;display:grid}.desk-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.desk-info span,.desk-metrics span{color:var(--muted);font-size:.82rem}.desk-metrics{grid-template-columns:1fr}.desk-metrics span{border:2px solid var(--border);background:var(--surface-muted);text-align:center;border-radius:0;padding:6px 8px}.office-room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.room-member-list{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;display:grid}.room-member{border:3px solid var(--border);min-height:190px;color:var(--text);background:linear-gradient(180deg, transparent 0 52%, var(--surface-muted) 52%), var(--surface-strong);box-shadow:5px 5px 0 var(--pixel-shadow);font:inherit;cursor:pointer;border-radius:0;justify-items:center;gap:6px;padding:10px;transition:transform .18s steps(2,end),border-color .18s,background .18s;display:grid}.room-member:hover,.room-member-selected{border-color:var(--primary-strong);background:var(--surface-strong);transform:translateY(-3px)}.room-member .pixel-member{background:0 0;border:0;width:100%;min-height:142px;padding:0}.room-member .pixel-avatar{transform:scale(.82)}.room-member>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:800;overflow:hidden}.office-empty-lot{background:repeating-linear-gradient(45deg, transparent 0 12px, var(--pixel-floor-line) 12px 16px), var(--surface-muted);border-style:solid;border-width:3px;min-height:260px}.office-iso-stage{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 28rem), linear-gradient(180deg, color-mix(in srgb, var(--bg) 76%, #57555f), color-mix(in srgb, var(--bg) 84%, #34323a));min-height:780px;box-shadow:inset 0 0 0 8px color-mix(in srgb, var(--border) 72%, transparent);perspective:1100px;padding:0;display:block;overflow:hidden}.iso-floor-base{z-index:1;border:5px solid color-mix(in srgb, var(--border) 82%, #000);background:repeating-linear-gradient(0deg, transparent 0 23px, color-mix(in srgb, var(--desk-edge) 36%, transparent) 23px 26px), repeating-linear-gradient(90deg, transparent 0 23px, color-mix(in srgb, var(--desk-edge) 30%, transparent) 23px 26px), linear-gradient(135deg, #c58f57, #a66f3d 52%, #8a5732);width:80%;height:520px;box-shadow:18px 18px 0 color-mix(in srgb, var(--pixel-shadow) 82%, #000), 0 34px 0 color-mix(in srgb, var(--desk-edge) 86%, #000);clip-path:polygon(50% 0,100% 29%,77% 100%,19% 100%,0 32%);transform-origin:50%;position:absolute;top:118px;left:10%;transform:rotateX(56deg)rotate(45deg)translateY(24px)}.iso-wall-back,.iso-wall-left,.iso-wall-right{z-index:2;border:4px solid color-mix(in srgb, var(--border) 84%, #000);box-shadow:10px 10px 0 color-mix(in srgb, var(--pixel-shadow) 76%, #000);background:repeating-linear-gradient(90deg,#0000 0 38px,#ffffff14 38px 42px),linear-gradient(135deg,#d9ad80,#b98158)}.iso-wall-back{clip-path:polygon(0 34%,50% 0,100% 34%,100% 100%,0 100%);width:50%;height:174px;position:absolute;top:66px;left:25%}.iso-wall-left{clip-path:polygon(0 0,100% 22%,100% 100%,0 78%);background:linear-gradient(135deg,#bf8b65,#9f6949);width:34%;height:360px;position:absolute;top:154px;left:9%}.iso-wall-right{clip-path:polygon(0 22%,100% 0,100% 78%,0 100%);background:linear-gradient(225deg,#ddb489,#b77d56);width:34%;height:360px;position:absolute;top:154px;right:9%}.iso-window,.iso-whiteboard,.iso-server-rack,.iso-filing-cabinet,.iso-reception-desk,.iso-conference-table,.iso-plant{z-index:5;border:3px solid color-mix(in srgb, var(--border) 86%, #000);image-rendering:pixelated;place-items:center;display:grid;position:absolute}.iso-window{width:54px;height:86px;box-shadow:inset 0 -18px 0 #6a878e47, 5px 5px 0 var(--pixel-shadow);background:linear-gradient(90deg,#0000 45%,#ffffffb3 45% 55%,#0000 55%),linear-gradient(#e8f7ff,#9fb9c2);top:132px}.iso-window-one{left:56%}.iso-window-two{left:66%}.iso-whiteboard{width:104px;height:62px;color:var(--primary-strong);box-shadow:5px 5px 0 var(--pixel-shadow);background:#e8f1eb;font-weight:900;top:176px;left:22%}.iso-server-rack{width:58px;height:110px;box-shadow:7px 7px 0 var(--pixel-shadow);background:repeating-linear-gradient(#32343a 0 16px,#50535c 16px 22px),#32343a;top:342px;left:15%}.iso-filing-cabinet{background:repeating-linear-gradient(180deg, transparent 0 28px, color-mix(in srgb, var(--border) 70%, transparent) 28px 32px), #9f7a55;width:76px;height:96px;box-shadow:8px 8px 0 var(--pixel-shadow);top:330px;right:18%}.iso-reception-desk{color:#2f2822;width:116px;height:62px;box-shadow:10px 10px 0 var(--pixel-shadow);background:linear-gradient(#c9965b 0 56%,#8f5c34 56%);font-weight:900;bottom:176px;left:21%;transform:skewY(-8deg)}.iso-conference-table{background:linear-gradient(135deg, var(--desk-top), var(--desk-edge));width:150px;height:74px;box-shadow:10px 10px 0 var(--pixel-shadow), -38px 12px 0 -16px var(--surface-strong), 38px 12px 0 -16px var(--surface-strong), 0 -34px 0 -16px var(--surface-strong);border-radius:50%;bottom:162px;right:20%;transform:rotate(-8deg)skewY(-5deg)}.iso-plant{border-color:color-mix(in srgb, var(--primary) 80%, #000);width:34px;height:48px;box-shadow:5px 5px 0 var(--pixel-shadow)}.iso-plant-one{top:216px;left:42%}.iso-plant-two{bottom:222px;right:13%}.office-iso-stage .office-zone,.office-iso-stage .office-room{border:3px solid color-mix(in srgb, var(--border) 86%, #000);background:linear-gradient(180deg, #ffffff2e 0 36px, transparent 36px), linear-gradient(135deg, #ffffff2e, #00000014), color-mix(in srgb, var(--surface-strong) 84%, #b98158);box-shadow:9px 9px 0 color-mix(in srgb, var(--pixel-shadow) 84%, #000), inset 0 -8px 0 #00000014;border-radius:0}.iso-manager-suite{z-index:7;width:min(260px,30%);min-height:360px;position:absolute;top:210px;left:18%;transform:skewY(-7deg)}.iso-work-floor{z-index:6;width:min(470px,48%);min-height:380px;position:absolute;top:246px;right:15%;transform:skewY(5deg)}.iso-support-strip{z-index:8;grid-template-columns:repeat(3,minmax(0,1fr));position:absolute;bottom:46px;left:18%;right:14%;transform:skewY(-3deg)}.office-iso-stage .room-sign,.office-iso-stage .desk-info,.office-iso-stage .desk-metrics,.office-iso-stage .room-member>span{transform:skewY(3deg)}.office-iso-stage .office-desk-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px}.office-iso-stage .office-desk{background:linear-gradient(180deg, transparent 0 58%, #00000014 58%), color-mix(in srgb, var(--surface-strong) 88%, #c58f57);min-height:238px;box-shadow:8px 8px 0 var(--pixel-shadow);padding:10px;transform:skewY(-4deg)}.office-iso-stage .office-desk:hover,.office-iso-stage .office-desk-selected{transform:translateY(-5px)skewY(-4deg)}.office-iso-stage .office-desk:before,.office-iso-stage .office-desk:after{content:"";background:color-mix(in srgb, var(--desk-edge) 86%, #000);pointer-events:none;position:absolute}.office-iso-stage .office-desk:before{height:10px;bottom:-10px;left:8px;right:-8px;transform:skew(38deg)}.office-iso-stage .office-desk:after{width:10px;top:8px;bottom:-8px;right:-10px;transform:skewY(42deg)}.office-iso-stage .desk-surface{background:linear-gradient(90deg, transparent 0 12%, color-mix(in srgb, var(--desk-edge) 35%, transparent) 12% 16%, transparent 16% 84%, color-mix(in srgb, var(--desk-edge) 35%, transparent) 84% 88%, transparent 88%), linear-gradient(160deg, var(--desk-top) 0 48%, var(--desk-edge) 48% 62%, transparent 62%), linear-gradient(180deg, var(--surface-strong) 0 54%, var(--pixel-floor) 54%);min-height:150px;transform:skewY(2deg)}.office-iso-stage .desk-monitor{transform:translate(-50%)skewY(-8deg)}.office-iso-stage .desk-chair{transform:translate(-50%)skewY(8deg)}.office-iso-stage .desk-surface .pixel-member{transform:translateY(4px)skewY(2deg)}.office-iso-stage .room-member{min-height:146px;box-shadow:7px 7px 0 var(--pixel-shadow);transform:skewY(-4deg)}.office-iso-stage .room-member:hover,.office-iso-stage .room-member-selected{transform:translateY(-4px)skewY(-4deg)}.office-iso-stage .room-member .pixel-member{min-height:104px}.office-iso-stage .room-member .pixel-avatar{transform:scale(.64)}.office-coordinate-stage{background:linear-gradient(90deg, #ffffff09 1px, transparent 1px), linear-gradient(#ffffff09 1px, transparent 1px), radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--primary) 13%, transparent), transparent 34rem), linear-gradient(180deg, color-mix(in srgb, var(--bg) 80%, #55535d), color-mix(in srgb, var(--bg) 78%, #2f2e35));background-size:32px 32px,32px 32px,auto,auto;place-items:center;min-height:760px;padding:28px;display:grid;position:relative;overflow:hidden}.iso-coordinate-room{aspect-ratio:1.24;width:min(920px,100%);min-height:600px;image-rendering:pixelated;position:relative;transform:translateY(-4px)}.iso-room-shadow,.iso-room-floor,.iso-room-wall,.iso-prop,.iso-zone-label,.iso-workstation,.iso-avatar-spot{position:absolute}.iso-room-shadow{z-index:0;filter:blur(2px);clip-path:polygon(50% 0,100% 32%,77% 100%,18% 100%,0 34%);background:#0000003d;width:84%;height:70%;top:18%;left:8%;transform:translate(16px,28px)}.iso-room-floor{z-index:1;clip-path:polygon(50% 0,100% 32%,77% 100%,18% 100%,0 34%);background:repeating-linear-gradient(0deg,#0000 0 19px,#56382238 19px 22px),repeating-linear-gradient(90deg,#0000 0 19px,#56382229 19px 22px),linear-gradient(135deg,#d4a166 0%,#b87841 55%,#8c5431 100%);border:5px solid #5e432f;width:84%;height:70%;top:13%;left:8%;box-shadow:0 30px #5e432f,0 42px #0000002e}.iso-room-floor:before,.iso-room-floor:after{content:"";clip-path:polygon(50% 0,100% 32%,77% 100%,18% 100%,0 34%);border:3px solid #ffffff1f;position:absolute;inset:10% 12%}.iso-room-floor:after{border-color:#452a192e;inset:22% 28%}.iso-room-wall{z-index:2;background:repeating-linear-gradient(90deg,#0000 0 34px,#ffffff1a 34px 38px),linear-gradient(135deg,#dfb481,#a56b49);border:4px solid #65442f;box-shadow:8px 8px #0003}.iso-room-wall-back{clip-path:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%);width:54%;height:25%;top:3%;left:23%}.iso-room-wall-left{clip-path:polygon(0 0,100% 24%,100% 100%,0 76%);background:linear-gradient(135deg,#bd8460,#956047);width:36%;height:50%;top:15%;left:8%}.iso-room-wall-right{clip-path:polygon(0 24%,100% 0,100% 76%,0 100%);background:linear-gradient(225deg,#e0b989,#af7651);width:36%;height:50%;top:15%;right:8%}.iso-prop,.iso-workstation,.iso-avatar-spot,.iso-zone-label{left:calc(var(--iso-x) * 1%);top:calc(var(--iso-y) * 1%);z-index:var(--iso-z,10)}.iso-zone-label{width:calc(var(--zone-width) * 1%);height:calc(var(--zone-height) * 1%);color:#ffffffc7;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;border:2px dashed #ffffff47;place-items:start center;padding-top:8px;font-size:.68rem;font-weight:900;display:grid;transform:translate(-50%,-50%)skewY(-8deg)}.iso-prop{color:#2f2822;border:3px solid #4f3828;place-items:center;font-weight:900;display:grid;transform:translate(-50%,-50%)}.iso-prop-window{background:linear-gradient(90deg,#0000 46%,#ffffffd9 46% 55%,#0000 55%),linear-gradient(#eef8ff,#92b4bf);width:52px;height:82px;box-shadow:inset 0 -18px #435f6c3d,5px 5px #00000038}.iso-prop-whiteboard{background:#edf1e8;width:104px;height:58px;box-shadow:5px 5px #00000038}.iso-prop-server{background:repeating-linear-gradient(#2d3037 0 15px,#51545d 15px 21px),#2d3037;width:56px;height:108px;box-shadow:8px 8px #0000003d}.iso-prop-cabinet{background:repeating-linear-gradient(#0000 0 27px,#412b1c4d 27px 31px),#9d7651;width:76px;height:96px;box-shadow:8px 8px #0000003d}.iso-prop-printer{background:linear-gradient(#d7d3ca 0 45%,#8f8a80 45% 70%,#c6c1b8 70%),#c6c1b8;width:74px;height:46px;box-shadow:7px 7px #0000003d}.iso-prop-printer:before{content:"";background:#f1efe8;border:2px solid #4f3828;width:38px;height:18px;position:absolute;top:-14px;left:18px}.iso-prop-coffee{background:radial-gradient(circle at 50% 22%,#f1efe8 0 10px,#0000 11px),linear-gradient(#5b5d63 0 30%,#2e3035 30% 100%);width:58px;height:68px;box-shadow:6px 6px #0000003d}.iso-prop-coffee:after{content:"";border:3px solid #f1efe8;border-left:0;border-radius:0 10px 10px 0;width:18px;height:18px;position:absolute;bottom:8px;right:-12px}.iso-prop-reception{background:linear-gradient(#c9965b 0 56%,#865632 56%);width:118px;height:62px;transform:translate(-50%,-50%)skewY(-8deg);box-shadow:10px 10px #00000040}.iso-prop-meeting-table{background:linear-gradient(135deg, var(--desk-top), var(--desk-edge));width:150px;height:72px;box-shadow:10px 10px 0 #0000003d, -36px 10px 0 -16px var(--surface-strong), 36px 10px 0 -16px var(--surface-strong), 0 -34px 0 -16px var(--surface-strong);border-radius:50%;transform:translate(-50%,-50%)rotate(-8deg)}.iso-prop-plant{background:linear-gradient(90deg,#0000 36%,#496f3f 36% 64%,#0000 64%),linear-gradient(135deg,#0000 24%,#6f8f55 24% 46%,#0000 46%),#9a6a43;border-color:#3f5d39;width:34px;height:48px;box-shadow:5px 5px #0000003d}.iso-workstation,.iso-avatar-spot{color:var(--text);font:inherit;text-align:center;background:0 0;border:0;transform:translate(-50%,-50%)}.iso-workstation{width:142px;min-height:164px}.iso-desk-sprite{background:linear-gradient(160deg, var(--desk-top) 0 52%, var(--desk-edge) 52% 72%, #6f452a 72%);border:4px solid #4e3524;width:118px;height:58px;position:absolute;top:58px;left:12px;transform:skewY(-10deg);box-shadow:10px 10px #00000042}.iso-desk-sprite:before,.iso-desk-sprite:after{content:"";background:#5b3925;width:12px;height:30px;position:absolute;bottom:-28px}.iso-desk-sprite:before{left:16px}.iso-desk-sprite:after{right:18px}.iso-monitor-sprite,.iso-keyboard-sprite,.iso-chair-sprite{display:block;position:absolute}.iso-monitor-sprite{background:#9fc1c9;border:4px solid #3f4650;width:44px;height:32px;top:-32px;left:40px;box-shadow:0 8px 0 -3px #3f4650}.iso-keyboard-sprite{background:#5e5145;width:48px;height:10px;top:20px;left:42px}.iso-chair-sprite{background:#6d6258;border:4px solid #4e3524;border-bottom:0;width:54px;height:42px;bottom:-38px;left:35px}.iso-avatar-sprite{z-index:2;position:absolute;top:16px;left:50%;transform:translate(-50%)}.iso-avatar-sprite .pixel-member,.iso-avatar-spot .pixel-member{width:76px;min-height:102px;box-shadow:none;background:0 0;border:0;padding:0}.iso-avatar-sprite .pixel-avatar,.iso-avatar-spot .pixel-avatar{transform:scale(.66)}.iso-avatar-sprite .pixel-member-name,.iso-avatar-sprite .member-status,.iso-avatar-spot .pixel-member-name,.iso-avatar-spot .member-status{display:none}.iso-status-dot{z-index:3;background:var(--muted);border:2px solid #3d2b20;width:13px;height:13px;position:absolute;top:50px;right:18px;box-shadow:0 0 0 4px #ffffff2e}.iso-status-online,.iso-status-focused{background:var(--primary-strong);animation:1.1s steps(2,end) infinite status-blink}.iso-status-break,.iso-status-meeting{background:var(--warning)}.iso-avatar-spot{width:96px;min-height:126px}.iso-avatar-spot:before{content:"";background:color-mix(in srgb, var(--surface-strong) 76%, #c9965b);border:3px solid #4e3524;width:58px;height:28px;position:absolute;top:82px;left:19px;transform:skewY(-8deg);box-shadow:6px 6px #00000038}.iso-object-label{z-index:4;border:2px solid var(--border);min-width:128px;color:var(--text);background:var(--surface-strong);box-shadow:4px 4px 0 var(--pixel-shadow);pointer-events:none;gap:1px;padding:5px 7px;font-size:.7rem;display:grid;position:absolute;top:122px;left:50%;transform:translate(-50%)}.iso-object-label span{color:var(--muted)}.iso-object-selected .iso-desk-sprite,.iso-object-selected:before{outline:4px solid color-mix(in srgb, var(--primary) 50%, transparent);outline-offset:4px}.iso-object-selected .iso-object-label{border-color:var(--primary-strong)}.iso-empty-office{z-index:90;border:3px solid var(--border);background:var(--surface-strong);box-shadow:8px 8px 0 var(--pixel-shadow);text-align:center;gap:8px;padding:16px;display:grid;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.presence-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.employee-inspect-panel{border-top:1px solid var(--border);gap:18px;padding-top:18px;display:grid}.employee-card-header{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.employee-card-header .pixel-member{width:112px;min-height:136px;padding:8px}.employee-card-header .pixel-avatar{transform:scale(.78)}.employee-card-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.employee-card-stats .stat-card{box-shadow:none;border-radius:14px;padding:12px}.employee-card-stats .stat-card strong{font-size:1.45rem}.employee-task-list,.quick-task-form,.avatar-customizer{gap:10px;display:grid}.quick-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-template-button{border:1px solid var(--border);min-height:38px;color:var(--text);background:var(--surface-muted);cursor:pointer;border-radius:10px;padding:8px;font-size:.78rem;font-weight:900}.quick-template-button:hover,.quick-template-button:focus-visible{border-color:var(--primary-strong);background:var(--surface-strong)}.employee-task-row{border:1px solid var(--border);background:var(--surface-muted);border-radius:14px;gap:4px;padding:12px;display:grid}.employee-task-row span{color:var(--muted);text-transform:capitalize;font-size:.86rem}.avatar-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.avatar-color-button{border:2px solid var(--border);min-height:42px;color:var(--text);background:var(--surface-muted);text-transform:capitalize;cursor:pointer;border-radius:12px;font-weight:900}.avatar-color-button:before{content:"";border:1px solid var(--border);background:var(--primary);vertical-align:-1px;width:12px;height:12px;margin-right:8px;display:inline-block}.avatar-color-blue:before{background:var(--secondary)}.avatar-color-orange:before{background:var(--warning)}.avatar-color-green:before{background:var(--success)}.avatar-color-active{border-color:var(--primary-strong);background:var(--surface-strong)}.invite-link-box{border:1px solid var(--border);background:var(--surface-muted);border-radius:16px;gap:8px;padding:14px;display:grid}.invite-link-box span{color:var(--muted);font-size:.85rem;font-weight:800}.invite-link-box code{overflow-wrap:anywhere;color:var(--secondary);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.5}.invite-accept-card{gap:18px}.invite-actions,.invite-summary{gap:12px;display:grid}.invite-summary{border:1px solid var(--border);background:var(--surface-muted);border-radius:16px;padding:14px}.invite-summary span{color:var(--muted);font-size:.85rem;font-weight:800}.invite-summary strong{overflow-wrap:anywhere}.large-panel .pixel-card{box-shadow:none}.panel-heading{justify-content:space-between}.task-panel{align-content:start}.my-task-heading{align-items:flex-start}.my-task-stats .stat-card{min-height:112px}.task-filter-group{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.task-filter-group-left{justify-content:flex-start}.task-filter-group .button{text-transform:capitalize;min-height:38px;padding:0 12px}.task-list{gap:12px;display:grid}.task-card{border:1px solid var(--border);background:var(--surface-muted);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px;transition:border-color .16s,transform .16s steps(2,end);display:grid}.task-card:hover{border-color:var(--primary-strong);transform:translateY(-2px)}.task-card-urgent{border-color:var(--danger);background:linear-gradient(90deg, color-mix(in srgb, var(--danger) 14%, transparent), transparent 42%), var(--surface-muted)}.task-card-high{border-color:var(--warning)}.task-card-status-done{opacity:.72}.task-card-status-cancelled{opacity:.58}.task-card-status-paused{border-style:dashed}.task-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.task-priority-badge{border:1px solid var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:900}.task-progress-line{background:var(--surface-strong);border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.task-progress-line span{border-radius:inherit;background:linear-gradient(90deg, var(--warning), var(--primary-strong));height:100%;display:block}.task-card h3{margin-bottom:6px}.task-meta{flex-wrap:wrap;justify-content:flex-end}.task-meta select{min-width:136px;padding:9px 10px}.task-meta input{max-width:92px;padding:9px 10px}.task-action-row{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.task-action-button{border:1px solid var(--border);min-height:32px;color:var(--text);background:var(--surface-strong);border-radius:10px;padding:0 9px;font-size:.78rem;font-weight:900}.task-action-danger{color:var(--danger);border-color:var(--danger)}.task-meta span{background:var(--surface-muted)}.activity-feed-panel{align-content:start}.activity-feed-list{gap:10px;display:grid}.activity-feed-item{border:1px solid var(--border);background:var(--surface-muted);border-radius:14px;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.activity-feed-item span{border:1px solid var(--border);background:var(--surface-strong);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.activity-feed-item p{color:var(--text);font-size:.92rem;line-height:1.45}.member-panel{align-content:start}.progress-block{border:1px solid var(--border);background:var(--surface-muted);border-radius:18px;gap:10px;padding:16px;display:grid}.progress-block strong{font-size:2rem}.progress-track{background:var(--surface-muted);border-radius:999px;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--secondary), var(--primary-strong));height:100%;display:block}@keyframes desk-pop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes office-shell-boot{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes office-build-fade{0%,82%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes build-crane-swing{0%{transform:translate(-40px)rotate(-3deg)}50%{transform:translate(18px)rotate(3deg)}to{transform:translate(0)rotate(0)}}@keyframes build-block-drop{0%{opacity:0;transform:translateY(-90px)}to{opacity:1;transform:translateY(0)}}@keyframes office-floor-reveal{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes office-room-build{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.45}}@keyframes office-avatar-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes office-avatar-walk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes office-avatar-step-front{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes office-avatar-step-back{0%,to{transform:translateY(4px)}50%{transform:translateY(0)}}@keyframes office-avatar-sleep{0%,to{transform:rotate(-6deg)translateY(1px)}50%{transform:rotate(-8deg)translateY(3px)}}@keyframes office-indicator-pop{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.08)}}@keyframes office-sprite-two-frame-a{0%,49.99%{opacity:1}50%,to{opacity:0}}@keyframes office-sprite-two-frame-b{0%,49.99%{opacity:0}50%,to{opacity:1}}@keyframes office-sprite-four-frame-1{0%,24.99%{opacity:1}25%,to{opacity:0}}@keyframes office-sprite-four-frame-2{0%,24.99%,50%,to{opacity:0}25%,49.99%{opacity:1}}@keyframes office-sprite-four-frame-3{0%,49.99%,75%,to{opacity:0}50%,74.99%{opacity:1}}@keyframes office-sprite-four-frame-4{0%,74.99%{opacity:0}75%,to{opacity:1}}@keyframes office-avatar-sleep-bubble{0%{opacity:0;transform:translateY(6px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=980px){.hero-section,.landing-section-split,.asset-showcase,.dashboard-grid,.project-layout,.office-layout{grid-template-columns:1fr}.feature-grid,.module-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.landing-cta{flex-direction:column;align-items:flex-start}.landing-cta-actions{justify-content:flex-start}.app-layout{grid-template-columns:1fr}.sidebar{border-width:0 0 1px;height:auto;position:static}.sidebar-nav{flex-flow:wrap}.office-hud{flex-direction:column;align-items:flex-start}.office-hud-stats{justify-content:flex-start}.office-game-stage{grid-template-columns:1fr;grid-template-areas:"manager""employees""support";min-height:auto}.office-coordinate-stage{justify-content:start;min-height:620px;overflow-x:auto}.svg-office-stage{min-height:620px}.svg-office-scene{height:auto;min-height:0}.iso-coordinate-room{min-width:820px}.office-iso-stage{grid-template-columns:1fr;min-height:auto;padding:240px 18px 22px;display:grid}.iso-floor-base,.iso-manager-suite,.iso-work-floor,.iso-support-strip{width:auto;position:relative;inset:auto;transform:none}.iso-floor-base{width:84%;height:360px;position:absolute;top:96px;left:8%;right:8%}.iso-manager-suite,.iso-work-floor,.iso-support-strip{z-index:8}.office-iso-stage .office-desk,.office-iso-stage .office-desk:hover,.office-iso-stage .office-desk-selected,.office-iso-stage .room-member,.office-iso-stage .room-member:hover,.office-iso-stage .room-member-selected,.office-iso-stage .room-sign,.office-iso-stage .desk-info,.office-iso-stage .desk-metrics,.office-iso-stage .room-member>span{transform:none}.manager-desk-grid,.employee-desk-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=640px){.site-header,.panel-heading,.task-card,.project-card{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.site-nav,.hero-actions,.task-meta{flex-wrap:wrap}.hero-section{min-height:auto;padding:28px}.hero-proof-grid,.landing-section-split,.asset-chip,.asset-chip-grid,.module-grid,.workflow-card{grid-template-columns:1fr}.asset-sheet-window-main{background-size:1100px 733px;min-height:180px}.asset-sprite{width:100%;max-width:180px}.landing-section,.landing-cta{border-radius:24px;padding:24px}.landing-cta-actions,.landing-cta-actions .button{width:100%}.feature-grid,.stats-grid,.form-grid-two,.pixel-scene,.office-room-grid,.presence-button-grid{grid-template-columns:1fr}.app-content{padding:22px}.office-game-stage{padding:64px 14px 14px}.office-coordinate-stage,.svg-office-stage{min-height:560px;padding:12px}.svg-office-scene{min-width:0}.iso-coordinate-room{min-width:720px;min-height:520px}.iso-object-label{min-width:106px;font-size:.64rem}.office-iso-stage{padding-top:220px}.iso-window,.iso-whiteboard,.iso-server-rack,.iso-filing-cabinet,.iso-reception-desk,.iso-conference-table,.iso-plant{display:none}.office-desk-grid,.employee-desk-grid,.manager-desk-grid{grid-template-columns:1fr}.office-desk{min-height:260px}.office-build-overlay strong{text-align:center;left:16px;right:16px}}