:root{--bg-darkest: #121216;--bg-dark: #16161a;--bg-medium: #1d1d23;--bg-light: #26262e;--border: #2e2e38;--text-primary: #e9e9ef;--text-secondary: #b6b6c2;--text-muted: #7d7d8a;--accent: #5e5ce6;--danger: #e6584a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-darkest);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}code{font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;background:var(--bg-light);padding:1px 5px;border-radius:4px;font-size:.9em}.center{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.muted{color:var(--text-muted)}.error{color:var(--danger)}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#1e1e28,var(--bg-darkest))}.login-card{width:320px;display:flex;flex-direction:column;gap:12px;padding:32px 28px;background:var(--bg-medium);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 48px #0006}.login-logo{font-size:34px;text-align:center}.login-title{margin:0;text-align:center;font-size:20px;font-weight:600}.login-sub{margin:0 0 8px;text-align:center;color:var(--text-muted)}.login-input{padding:10px 12px;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;outline:none}.login-input:focus{border-color:var(--accent)}.login-btn{margin-top:4px;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.login-btn:disabled{opacity:.6;cursor:default}.login-error{color:var(--danger);font-size:12px;text-align:center}.office-layout{height:100%;display:flex;flex-direction:column}.office-header{height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-medium);border-bottom:1px solid var(--border)}.office-title{font-weight:600}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:5px 12px;border-radius:7px;cursor:pointer;font-size:12px}.btn-ghost:hover{background:var(--bg-light);color:var(--text-primary)}.office-body{flex:1 1 auto;display:flex;min-height:0}.office-canvas-host{flex:1 1 auto;position:relative;min-width:0;overflow:hidden}.office-canvas-host canvas{display:block}.activity-panel{flex:0 0 320px;display:flex;flex-direction:column;background:var(--bg-medium);border-left:1px solid var(--border)}.activity-header{flex:0 0 auto;padding:12px 16px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border)}.activity-feed{flex:1 1 auto;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.activity-empty{color:var(--text-muted);padding:12px}.activity-item{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:7px;border-left:3px solid var(--border)}.activity-item:hover{background:var(--bg-light)}.activity-text{color:var(--text-primary)}.activity-time{color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums;flex:0 0 auto}.tone-start{border-left-color:#6ad36a}.tone-idle{border-left-color:#d8b24a}.tone-pause{border-left-color:#5aa6e6}.tone-resume{border-left-color:#8a89f0}.tone-end{border-left-color:#6a6a72}