:root{--bg:#f6f6f4;--surface:#fff;--text:#1d1d1b;--muted:#6b6b66;--border:#e2e2dc;--accent:#c8901a;--accent-text:#fff;--danger:#b3261e;--alert-bg:#fdf0ee;--alert-text:#8c1d18;--online:#3f8f4f;--away:#e0a832;--offline:#9a9a94;--call:#c0392b;--ok-bg:#edf7ef;--ok-text:#24622f;--shadow:0 6px 24px #0000001f;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#161614;--surface:#20201d;--text:#ecece6;--muted:#a0a098;--border:#34342f;--accent:#e0a832;--accent-text:#1d1d1b;--danger:#f2b8b5;--alert-bg:#3a1d1b;--alert-text:#f2b8b5;--online:#5fb36f;--offline:#6b6b66;--call:#e2675a;--ok-bg:#1c3322;--ok-text:#a9dcb3;--shadow:0 6px 24px #00000073}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin-top:0}a{color:inherit}.muted{color:var(--muted)}.small{font-size:.85rem}.page{max-width:64rem;margin:0 auto;padding:2rem 1rem}.page section{margin-top:2rem}.alert{background:var(--alert-bg);color:var(--alert-text);border-radius:.5rem;padding:.75rem 1rem}.button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.5rem;padding:.5rem .9rem;text-decoration:none;display:inline-block}.button:disabled{opacity:.6;cursor:default}.button-primary{background:var(--accent);color:var(--accent-text);font-weight:600}.button-ghost{color:var(--text);border-color:var(--border);background:0 0}.button-small{padding:.25rem .6rem;font-size:.85rem}.button-icon{padding:.2rem .45rem;line-height:1.2}.button-danger{color:var(--danger);border-color:var(--border);background:0 0}input,select{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:.5rem;padding:.5rem .75rem}.header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:.75rem 1rem;display:flex}.brand{font-weight:700;text-decoration:none}.nav{flex:1;gap:1rem;display:flex}.nav a{color:var(--muted);text-decoration:none}.nav a[aria-current=page]{color:var(--text);font-weight:600}.header-user{align-items:center;gap:.6rem;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.avatar-initial{background:var(--accent);color:var(--accent-text);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:1rem;width:100%;max-width:24rem;padding:2rem}.invite-form{flex-wrap:wrap;gap:.5rem;display:flex}.invite-form input{flex:1;min-width:14rem}.table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .75rem}.table th{color:var(--muted);font-size:.85rem;font-weight:600}.table tr.inactive td{color:var(--muted)}.table .actions{text-align:right;white-space:nowrap}.table .actions .button+.button{margin-left:.5rem}.person{align-items:center;gap:.6rem;display:flex}@media (width<=40rem){.header-name{display:none}.table{display:block;overflow-x:auto}}.app{flex-direction:column;height:100vh;display:flex}.app>main{flex:1;overflow-y:auto}.office{flex:1;min-height:0;display:flex;position:relative}.office-stage{flex:1;min-width:0;position:relative}.office-canvas{position:absolute;inset:0}.office-hud{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;align-items:center;gap:1rem;padding:.4rem .75rem;font-size:.85rem;display:flex;position:absolute;bottom:1rem;left:1rem}.office-hint{color:var(--muted)}.office-loading{text-align:center;padding:2rem}@media (width<=40rem){.office-hint{display:none}}.rooms{gap:.5rem;max-width:28rem;display:grid}.room-form{gap:.5rem;display:flex}.room-form input{flex:1}.people{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:19rem;display:flex}.people-header{border-bottom:1px solid var(--border);gap:.5rem;padding:.75rem;display:grid}.people-header h2{margin:0;font-size:1rem}.people-list{flex:1;margin:0;padding:.25rem 0;list-style:none;overflow-y:auto}.people-row{align-items:center;gap:.6rem;padding:.4rem .75rem;display:flex}.people-row.status-offline .avatar{opacity:.5;filter:grayscale()}.people-avatar{display:inline-flex;position:relative}.status-dot{border:2px solid var(--surface);background:var(--offline);border-radius:50%;width:.7rem;height:.7rem;position:absolute;bottom:-1px;right:-1px}.status-online .status-dot{background:var(--online)}.status-away .status-dot{background:var(--away)}.status-call .status-dot,.status-meeting .status-dot{background:var(--call)}.people-text{flex:1;min-width:0;display:grid}.people-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.people-actions{gap:.25rem;display:flex}.people-empty{padding:.75rem}.toasts{z-index:10;gap:.5rem;width:min(24rem,100% - 2rem);display:grid;position:absolute;top:1rem;right:1rem}.toast{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:.6rem;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;font-size:.9rem;animation:.2s ease-out toast-in;display:flex}.toast-wave{border-left:4px solid var(--accent)}.toast-body{flex:1;gap:.4rem;display:grid}.toast-text{flex:1}.toast-actions{gap:.4rem;display:flex}.toast-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.2rem;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(-.5rem)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (width<=48rem){.people{z-index:20;width:min(19rem,100%);box-shadow:var(--shadow);position:absolute;top:0;bottom:0;right:0}}.office-banners{z-index:10;gap:.5rem;max-width:min(32rem,100% - 2rem);display:grid;position:absolute;top:1rem;left:1rem}.banner{box-shadow:var(--shadow);border-radius:.6rem;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;display:flex}.banner span{flex:1}.banner-ok{background:var(--ok-bg);color:var(--ok-text)}.banner-warn{background:var(--alert-bg);color:var(--alert-text)}.call-bar{z-index:10;border:1px solid var(--border);background:var(--surface);max-width:calc(100% - 2rem);box-shadow:var(--shadow);white-space:nowrap;border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.9rem;display:flex;position:absolute;bottom:4.5rem;left:50%;transform:translate(-50%)}.call-bar-active{border-color:var(--call)}.dialog{border:1px solid var(--border);background:var(--surface);max-width:30rem;color:var(--text);border-radius:1rem;padding:1.5rem}.dialog::backdrop{background:#0006}.dialog h2{margin-top:0}.dialog-list{padding-left:1.2rem;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}@media (width<=40rem){.header-google{display:none}.call-bar{white-space:normal}}.sidebar-tabs{border-bottom:1px solid var(--border);display:flex}.sidebar-tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem;font-weight:600}.sidebar-tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.sidebar-panel{flex-direction:column;flex:1;min-height:0;display:flex}.my-day{margin:0;padding:.25rem 0;list-style:none;overflow-y:auto}.my-day-event{border-left:3px solid #0000;grid-template-columns:1fr auto;align-items:center;gap:.15rem .5rem;padding:.5rem .75rem;display:grid}.my-day-event.running{border-left-color:var(--call);background:var(--bg)}.my-day-event.ended{opacity:.55}.my-day-time{color:var(--muted);grid-column:1}.my-day-now{color:var(--call);font-weight:600}.my-day-title{overflow-wrap:anywhere;grid-column:1}.my-day-title a{text-decoration:none}.my-day-title a:hover{text-decoration:underline}.my-day-event .button{grid-area:1/2/span 2}.my-day-empty{margin:0;padding:.75rem}.toast-meeting{border-left:4px solid var(--call)}.toast-icon{font-size:1.4rem;line-height:1}