.office-capability-drawer-title{color:#222;font-weight:700}.office-capability-panel{flex-direction:column;flex:1;gap:12px;height:100%;min-height:0;display:flex}.office-capability-desc{color:#64748b;flex-shrink:0;margin:0;font-size:12px;line-height:1.5}.office-capability-personality{color:#94a3b8;flex-shrink:0;margin:-4px 0 0;font-size:11px;line-height:1.5}.office-capability-content{flex:1;min-height:0;overflow:hidden}.office-capability-drawer .ant-drawer-body{height:calc(100vh - 55px)}
.office-integration-drawer-title{color:#222;font-weight:700}.office-integration-drawer-empty{min-height:100%}.office-integration-placeholder{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:24px;display:flex}.office-integration-placeholder-title{color:#334155;margin:0 0 8px;font-size:16px;font-weight:700}.office-integration-placeholder-desc{max-width:360px;margin:0;font-size:13px;line-height:1.6}.office-integration-drawer .ant-drawer-body{height:calc(100vh - 55px)}
.office-training-drawer-title{color:#222;font-weight:700}.office-training-panel{flex-direction:column;gap:20px;display:flex}.office-training-header{align-items:center;gap:12px;padding-bottom:4px;display:flex}.office-training-header-avatar{border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:52px;height:52px;overflow:hidden}.office-training-courses{flex-direction:column;gap:14px;margin:10px 0 0;padding:0;list-style:none;display:flex}.office-training-course{background:#fafafa;border:1px solid #f1f5f9;border-radius:10px;padding:10px 12px}.office-training-capability{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px}
.office-cat{z-index:3;pointer-events:auto;transition:left var(--cat-move-ms,1.8s)cubic-bezier(.35,.72,.25,1),top var(--cat-move-ms,1.8s)cubic-bezier(.35,.72,.25,1);position:absolute;transform:translate(-50%,-50%)}.office-cat--instant{transition:none}.office-cat-hit{z-index:1;cursor:pointer;transform-origin:bottom;background:0 0;border:none;padding:0;line-height:0;position:relative}.office-cat-hit:hover{filter:brightness(1.06)}.office-cat-hit:focus-visible{outline-offset:3px;outline:2px solid #ffc300}.office-cat--poked .office-cat-hit{animation:.42s officeCatPoke}.office-cat--walk .office-cat-hit{animation:.56s steps(2,end) infinite officeCatBob}.office-cat-shadow{opacity:.12;filter:blur(1px);background:#1e293b;border-radius:50%;width:32px;height:6px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.office-pixel-cat-svg{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.office-pixel-cat-svg--left{transform:scaleX(-1)}.office-cat-bubble{color:#2b2b2b;text-align:center;white-space:nowrap;pointer-events:none;z-index:2;background:#fffef8;border:2px solid #2b2b2b;min-width:52px;padding:5px 8px;font-family:Courier New,Courier,monospace;font-size:11px;font-weight:700;line-height:1.2;animation:.22s steps(3,end) officeCatBubblePop;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:2px 2px #2b2b2b2e}.office-cat-bubble:after{content:"";background:#fffef8;border-bottom:2px solid #2b2b2b;border-right:2px solid #2b2b2b;width:8px;height:8px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes officeCatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes officeCatPoke{0%,to{transform:scale(1)}35%{transform:scale(1.08)translateY(-2px)}70%{transform:scale(.96)}}@keyframes officeCatBubblePop{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.85)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}
.office-root{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.office-root-immersive{gap:0;height:100%}.office-layout{flex:1;grid-template-columns:minmax(0,1fr) 380px;gap:14px;height:100%;min-height:0;display:grid}.office-scene{background:linear-gradient(#f8fafc 0%,#eef2f7 55%,#e8edf3 100%);border:1px solid #e5e7eb;border-radius:16px;height:100%;min-height:0;position:relative;overflow:hidden}.office-public-zone{background:linear-gradient(#ffffffd9,#f8fafcf2);border:1px solid #e2e8f0;border-radius:14px;width:22%;height:26%;padding:12px;position:absolute;left:3%;box-shadow:inset 0 -12px 20px #00000008}.office-public-zone h3{color:#334155;margin:0;font-size:15px;font-weight:700}.office-public-zone.hr,.office-public-zone.training,.office-public-zone.integrations{flex-direction:column;min-height:0;display:flex}.office-public-zone.hr{top:6%}.office-zone-roster{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:0 16px;min-height:0;margin-top:10px;padding:2px 4px 4px 0;display:grid;overflow-y:auto}.office-zone-list{margin:0;padding:0;list-style:none}.office-zone-list-item+.office-zone-list-item{margin-top:10px}.office-zone-member{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:4px 2px;transition:opacity .15s;display:flex}.office-zone-member--avatar-only{cursor:default}.office-zone-member:hover{opacity:.88}.office-zone-member:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #ffc300}.office-zone-member-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;line-height:0;transition:box-shadow .15s,transform .15s}.office-zone-member-avatar-btn:hover{transform:scale(1.06);box-shadow:0 0 0 2px #ffc30059}.office-zone-member-avatar-btn:focus-visible{outline-offset:2px;outline:2px solid #ffc300}.office-zone-member-avatar{background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.office-zone-member-name{color:#334155;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;font-weight:600;line-height:1.3;overflow:hidden}.office-public-zone.training{top:37%}.office-public-zone.integrations{top:68%}.office-integration-list{flex-direction:column;flex:1;gap:10px;min-height:0;margin:10px 0 0;padding:0 2px 4px 0;list-style:none;display:flex;overflow-y:auto}.office-integration-list-item{margin:0}.office-integration-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:6px 4px;transition:opacity .15s;display:flex}.office-integration-item:hover{opacity:.85}.office-integration-item:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #ffc300}.office-integration-badge{color:#334155;background:linear-gradient(#fff 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.office-integration-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.office-integration-name{color:#1e293b;font-size:11px;font-weight:700;line-height:1.2}.office-integration-desc{color:#94a3b8;font-size:9px;line-height:1.2}.office-zone-props{align-items:center;gap:8px;font-size:24px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.office-desk{width:20%;height:22%;position:absolute;transform:translate(-50%,-50%)}.office-desk-monitor{flex-direction:column;align-items:center;width:48%;margin:0 auto 4%;display:flex}.office-desk-screen{aspect-ratio:16/10;background:linear-gradient(#cbd5e1 0%,#94a3b8 45%,#64748b 100%);border:1px solid #475569;border-radius:6px;width:100%;padding:5px;box-shadow:0 2px 4px #0000001f,inset 0 1px #ffffff59}.office-desk-screen-inner{background:linear-gradient(135deg,#38bdf814 0%,#0000 45%),linear-gradient(#0f172a 0%,#020617 100%);border:1px solid #1e293b;border-radius:3px;flex-direction:column;justify-content:flex-end;gap:3px;width:100%;height:100%;padding:6px 7px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #38bdf81f,inset 0 1px #ffffff0f}.office-desk-screen-inner:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff0a 48%,#0000 56%);position:absolute;inset:0}.office-desk-screen-line{background:#38bdf88c;border-radius:999px;width:72%;height:2px;display:block;box-shadow:0 0 4px #38bdf859}.office-desk-screen-line.short{background:#22d3ee66;width:52%}.office-desk-screen-line.shorter{width:36%;box-shadow:none;background:#94a3b873}.office-desk-monitor-stand{flex-direction:column;align-items:center;margin-top:2px;display:flex}.office-desk-monitor-neck{background:linear-gradient(#64748b,#475569);border:1px solid #475569;border-top:none;border-radius:0 0 2px 2px;width:14%;height:5px}.office-desk-monitor-base{background:linear-gradient(#94a3b8,#64748b);border:1px solid #475569;border-radius:999px;width:36%;height:4px;margin-top:1px;box-shadow:0 2px 3px #00000026}.office-desk-table{background:linear-gradient(#fff,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;height:44%;box-shadow:0 10px 20px #0000000f}.office-desk-label{text-align:center;color:#64748b;max-width:120px;margin-top:4px;font-size:10px;font-weight:600;line-height:1.25}.office-avatars-layer{pointer-events:none;position:absolute;inset:0}.office-agent-node{pointer-events:auto;flex-direction:column;align-items:center;gap:2px;transition:left .6s,top .6s;display:flex;position:absolute;transform:translate(-50%,calc(10px - 50%))}.office-agent-avatar-wrap{justify-content:center;display:flex;position:relative}.office-agent-speech{z-index:2;color:#334155;text-align:left;pointer-events:none;background:#fffffff5;border:1px solid #e2e8f0;border-radius:10px 12px 12px 4px;width:128px;max-width:168px;padding:6px 10px;font-size:10px;line-height:1.4;position:absolute;top:-5px;left:56px;box-shadow:0 3px 10px #0f172a14}.office-agent-speech:before{content:"";background:#fffffff5;border-bottom:1px solid #e2e8f0;border-left:1px solid #e2e8f0;width:8px;height:8px;position:absolute;bottom:10px;left:-4px;transform:rotate(45deg)}.office-agent-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;line-height:0}.office-agent-avatar-btn:hover .office-agent-avatar{border-color:#ffc300;box-shadow:0 6px 16px #ffc30059}.office-agent-avatar-btn:focus-visible{outline-offset:2px;border-radius:50%;outline:2px solid #ffc300}.office-agent-identity{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:160px;margin-top:12px;line-height:1.25;display:flex}.office-agent-name-inline{color:#1e293b;white-space:nowrap;font-size:11px;font-weight:700}.office-agent-identity-sep{color:#cbd5e1;-webkit-user-select:none;user-select:none;font-size:10px}.office-agent-role-link{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;padding:0;font-size:10px;font-weight:600;line-height:1.25}.office-agent-role-link:hover{color:#ffc300;text-decoration:underline}.office-agent-role-text{color:#64748b;font-size:10px;font-weight:600;line-height:1.25}.office-agent-name{color:#1e293b;white-space:nowrap;font-size:13px;font-weight:700}.office-agent-avatar{background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000014}.office-agent-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.office-agent-avatar-img-sm{object-fit:cover;border-radius:50%;width:32px;height:32px}.office-agent-avatar-emoji{font-size:28px;line-height:1}.office-agent-avatar-emoji-sm{font-size:22px}.office-agent-avatar.is-working,.office-agent-avatar.is-thinking,.office-agent-avatar.is-dispatching{border-color:#ffc300;animation:.45s ease-in-out infinite officeWorking}.office-agent-avatar.is-done{border-color:#22c55e;animation:1s ease-in-out infinite officeDone}.office-agent-avatar.is-paused{border-color:#f97316;animation:1.2s ease-in-out infinite officePaused}.office-side{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex;overflow:hidden}.office-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;padding:14px}.office-panel-log{flex-direction:column;flex:1;min-height:0;display:flex}.office-panel-log .office-log-list{flex:1;min-height:0;max-height:none;overflow-y:auto}.office-panel-title{color:#222;margin:0 0 10px;font-size:13px;font-weight:700}.office-log-list{max-height:180px;margin:0;padding:0;list-style:none;overflow-y:auto}.office-log-list li{color:#475569;background:#f8fafc;border-radius:8px;margin-bottom:6px;padding:8px 10px;font-size:12px;line-height:1.4}.office-token-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.office-token-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:10px}.office-token-item small{color:#94a3b8;margin-bottom:4px;font-size:11px;display:block}.office-token-item strong{color:#222;font-size:22px}@keyframes officeWorking{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes officeDone{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes officePaused{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width:1200px){.office-layout{grid-template-columns:1fr;overflow-y:auto}.office-scene{height:640px;min-height:640px}}