*,:before,:after{box-sizing:border-box}html,body,#root{-webkit-font-smoothing:antialiased;width:100%;height:100%;margin:0;padding:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.office-app{color:#1a1a1a;background:#ececea;width:100vw;height:100vh;display:flex;overflow:hidden}.office-sidebar{background:#fafaf9;border-right:1px solid #e4e2dc;flex-direction:column;flex-shrink:0;gap:14px;width:194px;padding:16px 12px;display:flex}.sidebar-brand{align-items:center;gap:10px;padding:2px 8px;font-size:15px;font-weight:700;display:flex}.brand-mark{color:#fff;background:#e35d4f;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:inline-flex}.sidebar-search{color:#aaa;background:#fff;border:1px solid #e4e2dc;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:10px 12px;font-size:13px;display:grid}.sidebar-search>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-search kbd{color:#aaa;font:inherit;background:#f3f2ef;border:1px solid #e4e2dc;border-radius:5px;padding:1px 5px;font-size:11px}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:#555;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;display:flex}.nav-main{align-items:center;gap:10px;min-width:0;display:flex}.nav-icon{color:#888;text-align:center;flex-shrink:0;width:16px}.nav-item:hover,.nav-item.active{color:#111;background:#ebeae6}.nav-item.active{font-weight:600}.nav-badge{color:#777;background:#eceae4;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-flex}.sidebar-section{border-top:1px solid #eceae4;margin-top:auto;padding-top:12px}.workspace-row{color:#555;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex}.workspace-row.active{color:#111;background:#ebeae6;font-weight:600}.dot-spacer{flex-shrink:0;width:7px}.sidebar-footer{border-top:1px solid #eceae4;flex-direction:column;gap:10px;padding-top:10px;display:flex}.user-card{background:#fff;border:1px solid #eceae4;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.user-avatar{color:#fff;background:#6b6eea;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.user-card span:last-child{flex-direction:column;gap:2px;display:flex}.user-card strong{font-size:13px}.user-card em,.system-status{color:#888;align-items:center;gap:6px;font-size:11px;font-style:normal;display:flex}.system-status{justify-content:space-between;padding:0 4px}.section-title{color:#aaa;margin:0 0 8px;padding:0 8px;font-size:11px;font-weight:600}.agent-row{color:#555;align-items:center;gap:9px;padding:7px 8px;font-size:13px;display:flex}.agent-dot,.activity-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.agent-dot.online{background:#34c759;box-shadow:0 0 0 2px #34c75933}.office-center{flex-direction:column;flex:1;gap:12px;min-width:0;padding:14px;display:flex}.office-header-stats{flex-shrink:0;grid-template-columns:repeat(4,minmax(118px,1fr)) minmax(170px,1.35fr);gap:10px;display:grid}.stat-card{background:#fff;border:1px solid #eceae4;border-radius:10px;min-width:0;padding:13px 15px;box-shadow:0 1px 3px #0000000a}.stat-label,.stat-hint{color:#999;font-size:12px;display:block}.stat-value{color:#111;font-variant-numeric:tabular-nums;margin:2px 0;font-size:28px;line-height:1.1;display:block}.resource-card{flex-direction:column;gap:7px;display:flex}.resource-row{color:#777;grid-template-columns:34px 1fr 36px;align-items:center;gap:8px;font-size:11px;display:grid}.resource-row:has(.network-value){grid-template-columns:34px 1fr}.network-value{grid-column:2}.resource-row em{color:#666;text-align:right;font-style:normal}.resource-bar{background:#f0efeb;border-radius:999px;height:5px;overflow:hidden}.resource-bar span{border-radius:inherit;background:#4a90d9;height:100%;display:block}.resource-bar.purple span{background:#9b6dd7}.office-main{background:#fff;border:1px solid #eceae4;border-radius:16px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.office-canvas{background:#fff;justify-content:center;align-items:center;width:100%;height:calc(100% - 62px);display:flex;position:relative;overflow:hidden}.office-right-panel{overscroll-behavior:contain;background:#fafaf9;border-left:1px solid #e4e2dc;flex-direction:column;flex-shrink:0;gap:16px;width:250px;padding:16px 14px;display:flex;overflow-y:auto}.panel-section{flex-direction:column;gap:10px;display:flex}.panel-section h2{color:#333;margin:0;font-size:13px}.panel-grow{flex:1;min-height:0}.task-list{flex-direction:column;gap:8px;display:flex}.task-card{background:#fff;border:1px solid #eceae4;border-radius:12px;padding:12px;position:relative}.task-title-row{color:#222;justify-content:space-between;gap:8px;font-size:13px;display:flex}.task-status{color:#34a853;white-space:nowrap;background:#eef8f0;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600}.task-status.active{color:#2b7fd4;background:#e8f4fd}.task-card p{color:#999;margin:5px 0 9px;font-size:12px}.task-progress{background:#f0efeb;border-radius:999px;height:5px;overflow:hidden}.task-percent{color:#999;text-align:right;margin-top:5px;font-size:11px;font-style:normal;display:block}.task-progress span{border-radius:inherit;height:100%;display:block}.tone-blue{background:#4a90d9}.tone-green{background:#34c759}.tone-orange{background:#f5a623}.tone-purple{background:#9b6dd7}.activity-list{margin:0;padding:0;list-style:none;overflow-y:auto}.activity-list li{gap:9px;padding:8px 4px;display:flex}.activity-dot{background:#d0cec8;margin-top:6px}.activity-list p{color:#555;margin:0;font-size:12.5px;line-height:1.45}.activity-list strong{color:#222}.activity-list time{color:#bbb;margin-top:1px;font-size:11px;display:block}.quick-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-tool{color:#666;min-height:58px;font:inherit;cursor:pointer;background:#fff;border:1px solid #eceae4;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.quick-tool:hover{color:#222;background:#f8f7f4}.quick-tool span{font-size:18px}.quick-tool strong{font-size:11px;font-weight:500}.office-canvas canvas{flex:1;max-width:100%;max-height:100%;display:block;width:100%!important;height:100%!important}.agent-action-menu{z-index:20;color:#222;-webkit-backdrop-filter:blur(12px);background:#fafaf9f5;border:1px solid #e4e2dc;border-radius:10px;width:260px;max-height:min(520px,100% - 24px);padding:8px;position:absolute;overflow:auto;box-shadow:0 12px 34px #00000024,0 1px 2px #00000014}.agent-action-head{border-bottom:1px solid #eceae4;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:6px 8px 10px;display:flex}.agent-action-name{font-size:14px;font-weight:700}.agent-action-state{color:#777;background:#f3f2ef;border-radius:999px;padding:2px 8px;font-size:11px}.agent-action-group{flex-direction:column;gap:4px;display:flex}.agent-action-group+.agent-action-group{border-top:1px solid #eceae4;margin-top:8px;padding-top:8px}.agent-action-section-title{color:#999;padding:0 8px 4px;font-size:11px;font-weight:600}.agent-action-btn{color:#444;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 10px;font-size:13px;transition:background .15s,color .15s}.agent-action-btn:hover{color:#111;background:#f3f2ef}.agent-action-btn.subtle{color:#777;margin-bottom:4px}.agent-emote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.agent-action-chip{color:#444;min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 8px;font-size:12px}.agent-action-chip:hover{color:#111;background:#f3f2ef}.office-bottom-toolbar{z-index:12;pointer-events:none;max-width:calc(100% - 16px);position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.toolbar-inner{-webkit-backdrop-filter:blur(12px);pointer-events:auto;scrollbar-width:thin;background:#fffffff0;border-radius:12px;align-items:center;gap:4px;max-width:100%;padding:8px 12px;display:flex;overflow-x:auto;box-shadow:0 8px 24px #0000001f,0 0 0 1px #0000000a}.toolbar-btn{color:#555;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.toolbar-btn:hover{color:#111;background:#f3f2ef}.toolbar-btn.primary{color:#fff;background:#111;font-weight:600}.toolbar-btn.primary:hover{background:#333}.toolbar-icon{text-align:center;width:14px}@media (width<=1180px){.office-sidebar{width:210px}.office-right-panel{display:none}.office-header-stats{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media (width<=760px){.office-sidebar,.office-header-stats{display:none}.office-center{padding:0}.office-main{border:none;border-radius:0}}