*,:before,:after{box-sizing:border-box}html,body,#root{-webkit-font-smoothing:antialiased;color:#171a1c;background:#eef1ec;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial,sans-serif;overflow:hidden}:root{--ink:#171a1c;--ink-2:#343a3f;--muted:#6c747d;--quiet:#8a929b;--line:#d9ddd8;--line-dark:#283033;--panel:#fbfbf8;--panel-2:#f3f4ef;--canvas:#fff;--sidebar:#111516;--sidebar-2:#181e20;--teal:#19a89d;--teal-2:#0f766e;--coral:#ef6048;--amber:#d89a18;--green:#3a9b5f;--blue:#3977d6;--purple:#7a5cc9;--shadow:0 18px 44px #181f2421;--shadow-soft:0 8px 24px #181f2417;--radius:8px;--ease:cubic-bezier(.2, .7, .2, 1)}.office-app{width:100vw;height:100vh;color:var(--ink);background:linear-gradient(135deg,#19a89d14,#0000 36%),linear-gradient(315deg,#ef604814,#0000 34%),#eef1ec;grid-template-columns:232px minmax(0,1fr) 304px;display:grid;position:relative;overflow:hidden}.office-app:before{pointer-events:none;content:"";opacity:.8;background:repeating-linear-gradient(135deg,#11151609 0 1px,#0000 1px 14px);position:absolute;inset:0}.skip-link{z-index:100;border-radius:var(--radius);background:var(--ink);color:#fff;transition:transform .2s var(--ease);padding:10px 14px;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,input{font:inherit}button{min-height:36px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.office-sidebar{z-index:1;background:linear-gradient(180deg, #ffffff09, transparent 42%), var(--sidebar);color:#edf2ef;border-right:1px solid #ffffff14;flex-direction:column;gap:14px;min-width:0;padding:16px 12px;display:flex;position:relative}.sidebar-brand{align-items:center;gap:10px;min-height:42px;padding:0 8px;display:flex}.brand-mark{border-radius:var(--radius);background:linear-gradient(135deg, var(--teal), var(--coral));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;box-shadow:0 10px 24px #19a89d3d}.sidebar-brand span:last-child{flex-direction:column;gap:1px;min-width:0;display:flex}.sidebar-brand strong{font-size:15px;line-height:1.1}.sidebar-brand small{color:#edf2ef8c;font-size:11px}.sidebar-search{border-radius:var(--radius);color:#edf2ef94;background:#ffffff0f;border:1px solid #ffffff17;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:grid}.sidebar-search input{color:#fff;background:0 0;border:0;outline:0;min-width:0;font-size:12px}.sidebar-search input::placeholder{color:#edf2ef85}.sidebar-search kbd{color:#edf2efb3;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:2px;height:22px;padding:0 6px;font-size:10px;display:inline-flex}.sidebar-nav{flex-direction:column;gap:3px;display:flex}.nav-item,.workspace-row{border-radius:var(--radius);color:#edf2efb8;cursor:pointer;width:100%;transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);background:0 0;border:0}.nav-item{text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.nav-main{align-items:center;gap:10px;min-width:0;display:flex}.nav-main span:last-child,.workspace-row span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-icon{color:#edf2ef8c;flex-shrink:0}.nav-item:hover,.workspace-row:hover{color:#fff;background:#ffffff14}.nav-item.active,.workspace-row.active{color:#fff;background:#19a89d29}.nav-item.active .nav-icon{color:var(--teal)}.nav-badge{color:#ffd9d2;background:#ef60482e;border-radius:999px;flex-shrink:0;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 #ffffff14;margin-top:auto;padding-top:12px}.section-title{color:#edf2ef75;margin:0 0 8px;padding:0 8px;font-size:11px;font-weight:700}.workspace-row{text-align:left;align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex}.workspace-dot{color:#edf2ef4d;flex-shrink:0}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding-top:10px;display:flex}.user-card{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff17;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.user-avatar{width:32px;height:32px;color:var(--sidebar);background:#edf2ef;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.user-card span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.user-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.user-card em,.system-status{color:#edf2ef94;align-items:center;gap:6px;font-size:11px;font-style:normal;display:flex}.system-status{justify-content:space-between;padding:0 4px}.agent-dot,.activity-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.agent-dot.online{background:#48d17b;display:inline-block;box-shadow:0 0 0 3px #48d17b29}.office-center{z-index:1;grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0;padding:14px;display:grid;position:relative}.office-header-stats{flex-direction:column;gap:10px;min-width:0;display:flex}.office-command-bar{border-radius:var(--radius);min-height:58px;box-shadow:var(--shadow-soft);background:#fbfbf8e6;border:1px solid #171a1c14;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.eyebrow{color:var(--teal-2);text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:800}.office-command-bar h1{color:var(--ink);margin:0;font-size:27px;line-height:1.2}.command-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.live-pill,.sync-pill,.activity-count{border:1px solid var(--line);min-height:30px;color:var(--ink-2);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.live-pill{color:var(--teal-2);border-color:#19a89d47}.stats-grid{grid-template-columns:repeat(4,minmax(112px,1fr)) minmax(190px,1.28fr);gap:10px;display:grid}.stat-card{border-radius:var(--radius);min-width:0;min-height:102px;box-shadow:var(--shadow-soft);background:#ffffffeb;border:1px solid #171a1c14;padding:13px 14px;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--teal);width:62px;height:4px;position:absolute;bottom:0;right:0}.tone-card-green:after{background:var(--green)}.tone-card-amber:after{background:var(--amber)}.tone-card-coral:after{background:var(--coral)}.stat-icon{border-radius:var(--radius);background:var(--panel-2);width:32px;height:32px;color:var(--ink-2);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:13px;right:13px}.stat-label,.stat-hint{color:var(--muted);font-size:12px;display:block}.stat-value{color:var(--ink);font-variant-numeric:tabular-nums;margin:9px 0 5px;font-size:29px;line-height:1;display:block}.online-hint{align-items:center;gap:6px;display:inline-flex}.resource-card{grid-template-columns:1fr;align-content:start;gap:7px;display:grid}.resource-card .stat-label{margin-bottom:4px}.resource-row{color:var(--muted);grid-template-columns:58px minmax(42px,1fr) 32px;align-items:center;gap:6px;font-size:11px;display:grid}.resource-row>span{align-items:center;gap:5px;min-width:0;display:inline-flex}.resource-row em{color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;font-style:normal}.resource-bar,.task-progress{background:#e8ebe5;border-radius:999px;height:6px;overflow:hidden}.resource-bar span,.task-progress span{border-radius:inherit;background:var(--teal);height:100%;display:block}.resource-bar.purple span{background:var(--purple)}.office-main{border-radius:var(--radius);background:linear-gradient(180deg, #fffffff2, #f8f9f4fa), var(--canvas);min-height:0;box-shadow:var(--shadow);border:1px solid #171a1c1a;position:relative;overflow:hidden}.office-main:before{z-index:1;pointer-events:none;content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff9e}.office-canvas{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.office-canvas canvas{flex:1;max-width:100%;max-height:100%;display:block;width:100%!important;height:100%!important}.office-right-panel{z-index:1;background:#fbfbf8eb;border-left:1px solid #171a1c14;flex-direction:column;gap:16px;min-width:0;padding:16px 14px;display:flex;position:relative;overflow:auto}.panel-section{flex-direction:column;gap:10px;display:flex}.panel-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-section h2{color:var(--ink);margin:0;font-size:13px}.panel-link{border-radius:var(--radius);min-height:28px;color:var(--teal-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:0 2px 0 8px;font-size:12px;font-weight:700;display:inline-flex}.panel-link:hover{background:#19a89d14}.panel-grow{flex:1;min-height:150px}.task-list{flex-direction:column;gap:8px;display:flex}.task-card{border-radius:var(--radius);background:#fff;border:1px solid #171a1c14;padding:12px;position:relative;box-shadow:0 8px 20px #181f240f}.task-title-row{color:var(--ink);justify-content:space-between;align-items:flex-start;gap:8px;font-size:13px;display:flex}.task-title-row strong{min-width:0}.task-status{min-height:21px;color:var(--teal-2);white-space:nowrap;background:#eff7f5;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.task-card p{color:var(--muted);grid-template-columns:auto minmax(0,1fr);gap:7px;margin:7px 0 10px;font-size:12px;line-height:1.35;display:grid}.task-card p span{background:var(--panel-2);color:var(--ink-2);border-radius:999px;padding:1px 7px;font-weight:700}.task-percent{color:var(--quiet);text-align:right;font-variant-numeric:tabular-nums;margin-top:5px;font-size:11px;font-style:normal;display:block}.tone-blue{background:var(--blue)!important}.tone-green{background:var(--green)!important}.tone-orange{background:var(--coral)!important}.tone-purple{background:var(--purple)!important}.activity-list{margin:0;padding:0;list-style:none;overflow-y:auto}.activity-list li{grid-template-columns:auto minmax(0,1fr);gap:9px;padding:8px 4px;display:grid}.activity-dot{background:var(--line);margin-top:6px}.activity-list p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.45}.activity-list strong{color:var(--ink)}.activity-list time{color:var(--quiet);font-variant-numeric:tabular-nums;margin-top:1px;font-size:11px;display:block}.activity-count{min-height:24px;color:var(--muted);padding:0 8px;font-size:11px}.quick-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-tool{border-radius:var(--radius);min-height:58px;color:var(--ink-2);cursor:pointer;transition:transform .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);background:#fff;border:1px solid #171a1c14;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.quick-tool:hover{color:var(--teal-2);border-color:#19a89d59;transform:translateY(-1px)}.quick-tool strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}.agent-action-menu{z-index:20;border-radius:var(--radius);width:278px;max-height:min(520px,100% - 24px);color:var(--ink);-webkit-backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #171a1c1f;padding:8px;position:absolute;overflow:auto;box-shadow:0 18px 44px #181f242e,0 1px 2px #181f2414}.agent-action-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:6px 8px 10px;display:flex}.agent-action-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.agent-action-state{color:var(--teal-2);white-space:nowrap;background:#eff7f5;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.agent-action-group{flex-direction:column;gap:4px;display:flex}.agent-action-group+.agent-action-group{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.agent-action-section-title{color:var(--quiet);text-transform:uppercase;padding:0 8px 4px;font-size:11px;font-weight:800}.agent-action-btn,.agent-action-chip{border-radius:var(--radius);width:100%;color:var(--ink-2);cursor:pointer;text-align:left;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:0}.agent-action-btn{padding:9px 10px;font-size:13px}.agent-action-chip{min-width:0;padding:7px 8px;font-size:12px}.agent-action-btn:hover,.agent-action-chip:hover{background:var(--panel-2);color:var(--ink)}.agent-action-btn.subtle{color:var(--muted);margin-bottom:4px}.agent-emote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.office-bottom-toolbar{z-index:12;pointer-events:none;max-width:calc(100% - 28px);position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.toolbar-inner{border-radius:var(--radius);max-width:100%;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:#ffffffed;border:1px solid #171a1c14;align-items:center;gap:4px;padding:7px;display:flex;overflow-x:auto}.toolbar-btn{border-radius:var(--radius);color:var(--ink-2);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:inline-flex}.toolbar-btn:hover{background:var(--panel-2);color:var(--ink)}.toolbar-btn.primary{background:var(--ink);color:#fff;font-weight:800}.toolbar-btn.primary:hover{background:#2b3033}.toolbar-icon{flex-shrink:0}@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<=1280px){.office-app{grid-template-columns:220px minmax(0,1fr)}.office-right-panel{display:none}.stats-grid{grid-template-columns:repeat(4,minmax(112px,1fr))}.resource-card{display:none}}@media (width<=920px){.office-app{grid-template-columns:1fr}.office-sidebar{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.office-center{gap:8px;padding:8px}.office-command-bar{flex-direction:column;align-items:flex-start;min-height:0}.office-command-bar h1{font-size:22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{min-height:88px;padding:11px}.stat-icon{display:none}.stat-value{font-size:25px}.toolbar-btn span:not(.toolbar-icon){display:none}.toolbar-btn{justify-content:center;width:40px;padding:8px}}