:root{color:#152033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.login-shell{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-panel{background:#fff;border:1px solid #dfe4ee;border-radius:8px;gap:24px;width:100%;max-width:440px;padding:32px;display:grid;box-shadow:0 24px 80px #1b27441f}.brand-row,.workspace-title,.account-chip,.dm-label,.presence-line{align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;background:#2454d6;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:inline-flex}.brand-mark.small{width:30px;height:30px}.brand-logo{object-fit:cover;border-radius:8px;width:44px;height:44px}.brand-logo.small{width:30px;height:30px}.login-form,.profile-card,.admin-create{gap:14px;display:grid}label{color:#4b5565;gap:6px;font-size:13px;display:grid}input,select{color:#111827;font:inherit;background:#fff;border:1px solid #cfd7e6;border-radius:6px;min-width:0;padding:10px 12px}button{color:#1f3b8f;cursor:pointer;font:inherit;background:#eef3ff;border:1px solid #cdd9f7;border-radius:6px;padding:9px 12px;font-weight:650}button:hover{background:#dfe8ff}button.danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.form-error{color:#be123c;margin:0}.locale-switch{gap:8px;display:flex}.locale-switch button{padding:7px 10px}.locale-switch .active{color:#fff;background:#2454d6}.app-shell{color:#152033;background:#f6f8fb;grid-template-columns:280px minmax(0,1fr);min-width:0;min-height:100vh;display:grid}.sidebar{color:#d8e1f3;background:#162033;flex-direction:column;gap:18px;min-height:100vh;padding:18px;display:flex}.workspace-title{color:#fff;margin-bottom:8px;font-size:18px}.side-section{gap:8px;display:grid}.side-section h2{color:#8ea1c4;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px}.conversation,.nav-action{color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;display:flex}.conversation b{color:#fff;text-align:center;background:#f43f5e;border-radius:999px;min-width:22px;padding:1px 6px;font-size:12px}.sidebar-footer{gap:8px;margin-top:auto;display:grid}.content-shell{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:100vh;display:grid}.topbar{background:#fff;border-bottom:1px solid #dfe4ee;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.account-chip img,.message-row img,.profile-card img,.user-row img{border-radius:8px;width:40px;height:40px}.presence-dot{background:#94a3b8;border-radius:999px;width:8px;height:8px;display:inline-block}.presence-dot.online{background:#16a34a}.chat-layout{grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.chat-main,.admin-view,.profile-view,.thread-panel{min-width:0;padding:20px}.chat-main{grid-template-rows:auto minmax(0,1fr) auto;gap:16px;display:grid}.chat-header,.section-header{justify-content:space-between;align-items:center;display:flex}h1,h2,p{margin-top:0}.chat-header h1,.section-header h1{margin-bottom:4px;font-size:22px}.read-pill,.status{color:#067647;background:#ecfdf3;border-radius:999px;padding:4px 8px;font-size:12px}.status.disabled{color:#b45309;background:#fffbeb}.status.deleted{color:#b91c1c;background:#fef2f2}.message-list,.thread-replies{gap:14px;min-height:0;display:grid;overflow:auto}.message-row{grid-template-columns:40px minmax(0,1fr);gap:12px;display:grid}.message-body{background:#fff;border:1px solid #dfe4ee;border-radius:8px;min-width:0;padding:12px}.message-body p,.quote-preview,.composer-quote span{overflow-wrap:anywhere}.message-meta{align-items:baseline;gap:10px;display:flex}.quote-preview,.composer-quote{color:#475467;background:#f3f6fb;border-left:3px solid #2454d6;border-radius:4px;margin:8px 0;padding:8px}.quote-preview-button{cursor:pointer;font:inherit;text-align:left;width:100%;display:block}.quote-preview-button:hover{background:#e8efff;transform:none}.message-row.highlighted .message-body{animation:1.6s message-highlight}@keyframes message-highlight{0%,65%{background:#2563eb24;border-radius:8px}to{background:0 0}}.message-actions{gap:8px;display:flex}.message-attachments{gap:8px;margin:8px 0;display:grid}.attachment-card{color:inherit;background:#f8fafc;border:1px solid #dfe4ee;border-radius:8px;align-items:center;gap:10px;max-width:min(520px,100%);padding:8px;text-decoration:none;display:flex}.attachment-card img{object-fit:cover;border-radius:6px;width:100%;max-width:420px;height:auto;max-height:320px}.attachment-card:has(img){flex-direction:column;align-items:flex-start}.attachment-icon{font-size:22px}.attachment-card span:last-child{min-width:0;display:grid}.attachment-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-card small{color:#667085}.message-reactions{flex-wrap:wrap;gap:6px;margin:2px 0 6px;display:flex}.reaction-pill{color:#334155;background:#f8fafc;border:1px solid #dfe4ee;border-radius:999px;align-items:center;gap:5px;min-height:26px;padding:2px 8px;display:inline-flex}.reaction-pill b{font-size:12px}.reaction-pill.active{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.read-receipts{color:#667085;margin-bottom:5px;font-size:12px}.reaction-actions{gap:8px;margin-right:8px;display:inline-flex}.reaction-actions button{background:#f8fafc;border:1px solid #dfe4ee;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;min-height:34px;padding:0;font-size:18px;line-height:1;display:inline-flex}.reaction-actions button.active{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.message-actions button{color:#2454d6;background:0 0;border:0;padding:0}.message-actions .reaction-actions button{background:#f8fafc;border:1px solid #dfe4ee;padding:0}.message-actions .reaction-actions button.active{background:#dbeafe;border-color:#93c5fd}.composer,.thread-composer{background:#fff;border:1px solid #dfe4ee;border-radius:8px;gap:8px;padding:10px;display:grid}.composer-row,.thread-composer{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;display:grid}.file-button{cursor:pointer;background:#f8fafc;border:1px solid #dfe4ee;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:18px;display:inline-flex}.file-button input{display:none}.avatar-upload-button{color:#1f3b8f;cursor:pointer;background:#eef3ff;border:1px solid #cdd9f7;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:8px 12px;font-weight:650;display:inline-flex}.avatar-upload-button input{display:none}.composer-attachments{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.thread-composer .composer-attachments{grid-column:1/-1}.mention-menu{border:1px solid var(--border-soft);background:#fff;border-radius:8px;grid-column:1/-1;max-width:320px;padding:4px;display:grid;overflow:hidden;box-shadow:0 14px 36px #0f172a24}.mention-menu button{color:#111827;text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:9px;padding:7px 8px;display:flex}.mention-menu button:hover,.mention-menu button.active{background:#eef4ff;transform:none}.mention-menu button.active{color:#1d4ed8}.mention-menu img{object-fit:cover;border-radius:6px;width:28px;height:28px}.mention-menu span{gap:1px;display:grid}.mention-menu small{color:#64748b;font-size:12px}.attachment-chip{color:#1e3a8a;background:#eef4ff;border:1px solid #c7d7fe;border-radius:999px;align-items:center;gap:6px;min-width:0;max-width:min(320px,100%);min-height:28px;padding:2px 8px;display:inline-flex;overflow:hidden}.attachment-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.composer-attachments .attachment-remove{color:inherit;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:22px;height:22px;min-height:22px;padding:0;font-size:18px;line-height:1;display:inline-flex}.composer-attachments .attachment-remove:hover{background:#1e40af1f}.composer-quote{justify-content:space-between;align-items:center;margin:0;display:flex}.thread-panel{background:#fff;border-left:1px solid #dfe4ee;grid-template-rows:auto minmax(0,auto) minmax(0,1fr) auto;gap:14px;min-width:0;min-height:0;display:grid}.loading-state{color:#667085;justify-content:center;align-items:center}.empty-state{color:#667085}.admin-view,.profile-view{align-content:start;gap:18px;display:grid}.user-table{background:#fff;border:1px solid #dfe4ee;border-radius:8px;overflow:hidden}.user-row{border-bottom:1px solid #eef2f7;grid-template-columns:40px minmax(140px,1fr) 170px 80px 80px auto auto auto auto;align-items:center;gap:12px;padding:12px;display:grid}.user-row:last-child{border-bottom:0}.user-row span{color:#667085;font-size:13px;display:block}.profile-card{background:#fff;border:1px solid #dfe4ee;border-radius:8px;max-width:520px;padding:20px}.profile-card img{width:72px;height:72px}.modal-backdrop{z-index:40;background:#0f172a5c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #dfe4ee;border-radius:10px;gap:14px;width:min(440px,100%);max-width:440px;padding:18px;display:grid;box-shadow:0 24px 80px #0f172a3d}.modal-header,.modal-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-header h2{margin:0;font-size:18px}.modal-actions{justify-content:flex-end}.mobile-menu-button,.mobile-sidebar-scrim{display:none}@media (width<=1000px){.app-shell,.chat-layout{grid-template-columns:1fr}.sidebar{min-height:auto}.thread-panel{border-top:1px solid #dfe4ee;border-left:0}.admin-create,.user-row{grid-template-columns:1fr}}@media (width<=760px){.login-shell{align-items:stretch;padding:16px}.login-panel{align-self:center;gap:18px;padding:22px}.brand-row{align-items:flex-start}.brand-row h1{margin-bottom:6px;font-size:26px}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.sidebar{z-index:5;border-bottom:1px solid #2f4267;gap:10px;min-height:0;max-height:42dvh;padding:12px;display:grid;position:sticky;top:0;overflow:auto}.workspace-title{margin-bottom:0}.side-section{gap:6px}.side-section h2{font-size:11px}.conversation,.nav-action{min-height:40px;padding:8px 10px}.conversation span,.dm-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-footer{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.content-shell{flex-direction:column;flex:1;min-height:0;display:flex}.topbar{gap:12px;padding:10px 12px}.account-chip,.account-chip>div{min-width:0}.account-chip strong,.presence-line{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.locale-switch.compact{flex:none}.chat-layout{flex-direction:column;flex:1;min-height:0;display:flex}.chat-main,.admin-view,.profile-view,.thread-panel{padding:12px}.chat-main{flex:1;min-height:58dvh}.chat-header,.section-header{align-items:flex-start;gap:10px}.chat-header h1,.section-header h1{font-size:19px}.message-row{grid-template-columns:32px minmax(0,1fr);gap:8px}.message-row img{width:32px;height:32px}.message-meta{flex-wrap:wrap;gap:4px 8px}.message-actions{flex-wrap:wrap}.composer{position:sticky;bottom:0}.thread-panel{border-top:1px solid #dfe4ee;border-left:0;max-height:none}.admin-create{grid-template-columns:1fr}.user-table{background:0 0;border:0;gap:10px;display:grid;overflow:visible}.user-row{background:#fff;border:1px solid #dfe4ee;border-radius:8px;grid-template-columns:40px minmax(0,1fr)}.user-row>.presence-line,.user-row>.status,.user-row>button,.user-row>span:not(.presence-line):not(.status){grid-column:1/-1}.profile-card{max-width:none;padding:16px}.app-shell{background:#fff;min-height:100dvh;display:block;overflow:hidden}.mobile-sidebar-scrim{opacity:0;pointer-events:none;z-index:28;background:#0f172a5c;border:0;border-radius:0;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.sidebar-open .mobile-sidebar-scrim{opacity:1;pointer-events:auto}.sidebar{color:#ffffffd6;z-index:30;background:#122033;border:0;flex-flow:column;align-items:stretch;gap:14px;width:min(304px,86vw);max-width:304px;height:100dvh;min-height:0;max-height:none;margin:0;padding:14px 12px;transition:transform .2s;display:flex;position:fixed;top:0;left:0;overflow:auto;transform:translate(-106%);box-shadow:16px 0 42px #0f172a47}.sidebar-open .sidebar{transform:translate(0)}.workspace-title{color:#fff;border-bottom:1px solid #ffffff1f;flex:none;gap:10px;min-height:44px;margin:0 0 2px;padding:0 4px 12px;display:flex}.workspace-title strong{color:#fff;font-size:16px}.brand-mark.small{background:#1c58d9;width:34px;height:34px}.sidebar>.nav-action{display:flex}.side-section,.sidebar-footer{border:0;flex:none;align-items:stretch;gap:3px;margin:0;padding:0;display:grid}.sidebar-footer{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:12px}.side-section h2{color:#ffffff8f;letter-spacing:.06em;padding:8px 8px 3px;font-size:11px;display:block}.conversation,.nav-action{color:#ffffffd6;background:0 0;border:0;border-radius:5px;justify-content:space-between;width:100%;min-height:34px;padding:7px 9px;font-size:14px;display:flex}.conversation.active,.nav-action.active{color:#fff;background:#579eff2e}.conversation:hover,.nav-action:hover{color:#fff;background:#ffffff14}.sidebar .sidebar-footer .nav-action{color:#ffffffd6;background:0 0;border:0}.sidebar .sidebar-footer .nav-action.active,.sidebar .sidebar-footer .nav-action:hover{color:#fff;background:#579eff2e}.conversation span,.dm-label{max-width:none}.sidebar-footer .nav-action{background:0 0;border:0}.content-shell{border:0;border-radius:0;height:100dvh;min-height:0;margin:0;display:block;overflow:hidden}.topbar{display:none}.chat-layout{height:100%;min-height:0;display:block}.chat-main,.admin-view,.profile-view{background:#fff;height:100%;min-height:0;padding:0;overflow:hidden}.chat-main{grid-template-rows:57px minmax(0,1fr) auto;display:grid}.admin-view,.profile-view{flex-direction:column;display:flex;overflow:auto}.chat-header,.admin-view>.section-header,.profile-view>.section-header{border-bottom:1px solid var(--border-soft);background:#fff;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:57px;margin:0;padding:8px 12px;display:grid}.chat-header h1,.section-header h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-header>div,.section-header>h1{min-width:0}.chat-header h1,.section-header h1{text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:22px;overflow:hidden}.chat-header p{font-size:12px}.mobile-menu-button{color:#1f2937;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:22px;line-height:1;display:inline-flex}.read-pill{display:none}.message-list{background:#fff;align-content:start;gap:0;min-height:0;padding:10px 0 6px}.message-row,.thread-panel .message-row{grid-template-columns:46px minmax(0,1fr);padding:7px 12px 7px 0}.message-row>img{border-radius:6px;width:32px;height:32px}.message-body{padding:0}.message-body p{margin-bottom:5px;font-size:15px;line-height:21px}.message-actions{opacity:1;gap:14px}.composer{margin:8px 10px max(10px, env(safe-area-inset-bottom));border-radius:8px;padding:8px}.composer-row,.thread-composer{grid-template-columns:minmax(0,1fr) auto}.composer-row button,.thread-composer button{width:auto}.thread-panel{z-index:24;border:0;height:100dvh;position:fixed;inset:0}.admin-view>.section-header,.profile-view>.section-header{z-index:4;flex:none;position:sticky;top:0}.admin-view>.section-header button:not(.mobile-menu-button){min-height:36px;padding:7px 11px}.user-table,.profile-card{flex:none;margin:12px}.user-row{border-radius:10px}}:root{--mm-bg:#f5f6f8;--mm-frame:#fff;--mm-border:#3d3c4021;--mm-hover:#1c58d914;--mm-active:#1c58d924;--mm-text:#1f1f23;--mm-muted:#3f4350b8;--mm-sidebar:#fff;--mm-sidebar-text:#3f4350;--mm-primary:#1c58d9;--mm-primary-hover:#1749b5}.app-shell{background:var(--mm-bg);grid-template-columns:264px minmax(385px,1fr);min-height:100dvh}.sidebar{background:var(--mm-sidebar);border:1px solid var(--mm-border);color:var(--mm-sidebar-text);border-radius:10px 0 0 10px;gap:12px;min-height:calc(100dvh - 8px);margin:4px 0 4px 4px;padding:12px 10px}.workspace-title{border-bottom:1px solid var(--mm-border);color:var(--mm-text);min-height:44px;margin:-2px 0 4px;padding:0 6px 10px;font-size:15px}.brand-mark.small{border-radius:8px;width:32px;height:32px}.side-section{gap:2px}.side-section h2{color:var(--mm-muted);letter-spacing:.06em;padding:8px 8px 3px;font-size:11px;font-weight:700}.conversation,.nav-action{color:var(--mm-sidebar-text);border-radius:5px;min-height:32px;padding:5px 8px;font-size:14px}.conversation:hover,.nav-action:hover{background:var(--mm-hover);color:var(--mm-text);transform:none}.conversation.active,.nav-action.active{background:var(--mm-active);color:var(--mm-primary);font-weight:700}.conversation b{background:#d24b4e;min-width:18px;font-size:11px;line-height:16px}.sidebar-footer{border-top:1px solid var(--mm-border);gap:4px;padding-top:8px}.content-shell{background:var(--mm-frame);border:1px solid var(--mm-border);border-left:0;border-radius:0 10px 10px 0;min-height:calc(100dvh - 8px);margin:4px 4px 4px 0;overflow:hidden}.topbar{border-bottom:1px solid var(--mm-border);background:#fff;min-height:52px;padding:8px 16px}.account-chip img{border-radius:50%;width:34px;height:34px}.account-chip strong{color:var(--mm-text);font-size:14px}.presence-line{color:var(--mm-muted);font-size:12px}.chat-layout{background:#fff;grid-template-columns:minmax(0,1fr);min-height:0}.chat-main{background:#fff;gap:0;padding:0}.chat-header{border-bottom:1px solid var(--mm-border);background:#fff;min-height:56px;margin:0;padding:10px 20px}.chat-header h1{color:var(--mm-text);font-size:17px;font-weight:700;line-height:22px}.chat-header p{color:var(--mm-muted);font-size:12px}.read-pill{border:1px solid var(--mm-border);color:var(--mm-muted);background:#f5f7fb;font-weight:600}.message-list{align-content:start;gap:0;padding:18px 0 10px}.message-row{border-left:3px solid #0000;grid-template-columns:64px minmax(0,1fr);gap:0;padding:6px 18px 6px 0}.message-row.compact{padding-top:1px;padding-bottom:1px}.message-row.compact .message-body{padding-top:0}.message-row.compact .read-receipts,.message-row.compact .message-actions{display:none}.message-compact-time{color:#94a3b8;opacity:0;place-self:start center;padding-top:8px;font-size:11px}.message-row.compact:hover .message-compact-time{opacity:1}.message-row:hover{background:#3f43500a}.message-avatar-wrap{text-align:center;justify-self:center;width:36px;margin-top:2px;position:relative}.message-avatar-wrap.clickable{cursor:pointer}.message-avatar-wrap>img{border-radius:4px;width:36px;height:36px;display:block}.message-avatar-presence{background:#94a3b8;border:2px solid #fff;border-radius:999px;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.message-avatar-presence.online{background:#16a34a}.user-hover-card{border:1px solid var(--border-soft);color:#111827;opacity:0;pointer-events:none;text-align:left;z-index:40;background:#fff;border-radius:8px;gap:4px;min-width:190px;padding:12px;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:0;left:44px;transform:translateY(-4px);box-shadow:0 16px 42px #0f172a29}.message-avatar-wrap:hover .user-hover-card,.message-avatar-wrap:focus-within .user-hover-card{opacity:1;transform:translateY(0)}.user-hover-card span,.user-hover-card small,.user-hover-card p{color:#64748b;margin:0;font-size:13px}.user-hover-card p{align-items:center;gap:6px;display:flex}.mention-token{color:#1d4ed8;background:#dbeafe;border-radius:5px;padding:0 3px;font-weight:750}.message-body{background:0 0;border:0;border-radius:0;padding:0}.message-meta{gap:7px;min-height:21px}.message-meta strong{color:var(--mm-text);font-size:14px;font-weight:700}.message-meta time{color:var(--mm-muted);font-size:12px}.message-body p{color:#2f3440;margin:0 0 2px;font-size:14px;line-height:20px}.quote-preview{border-left:3px solid var(--mm-primary);color:var(--mm-muted);background:#1c58d90f;margin:4px 0 6px;padding:7px 9px;font-size:13px}.message-actions{opacity:0;gap:12px;min-height:18px}.message-actions button{color:var(--mm-muted);font-size:12px;font-weight:600}.message-actions button:hover{color:var(--mm-primary);background:0 0;transform:none}.message-actions .reaction-actions button:hover{background:#eef4ff}.composer{border:1px solid var(--mm-border);box-shadow:none;border-radius:8px;margin:10px 20px 16px 64px;padding:8px}.composer-row{align-items:center}.composer-row input{border:0;min-height:34px}.composer-row button,.thread-composer button{background:var(--mm-primary);border-color:var(--mm-primary);border-radius:5px;min-height:32px;padding:6px 14px}.composer-row button:hover,.thread-composer button:hover{background:var(--mm-primary-hover);transform:none}.composer-quote{border-left-color:var(--mm-primary);background:#1c58d90f;margin-bottom:4px;font-size:13px}.thread-panel{border-left:1px solid var(--mm-border);box-shadow:none;background:#fff;grid-template-rows:min-content minmax(0,auto) minmax(0,1fr) min-content;gap:0;padding:0}.thread-header{border-bottom:1px solid var(--mm-border);min-height:56px;padding:10px 14px 10px 16px}.thread-header h2{font-size:16px;font-weight:700}.thread-panel .message-row{grid-template-columns:54px minmax(0,1fr);padding-right:14px}.thread-replies{gap:0;padding-top:8px}.thread-composer{border:1px solid var(--mm-border);box-shadow:none;border-radius:8px;margin:12px 14px 14px 54px;padding:8px}.thread-composer input{border:0}.icon-button{color:var(--mm-muted);background:0 0;border:0}.icon-button:hover{color:var(--mm-text);background:#3f435014;transform:none}.admin-view,.profile-view{background:#fff;padding:0}.admin-view>.section-header,.profile-view>.section-header{border-bottom:1px solid var(--mm-border);background:#fff;min-height:56px;margin:0;padding:10px 20px}.admin-create,.user-table,.profile-card{margin:20px}.admin-create{grid-template-columns:190px 220px auto}.user-table,.profile-card{border:1px solid var(--mm-border);box-shadow:none;border-radius:8px}.admin-section{margin:20px}.admin-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-section-header h2{margin:0;font-size:18px}.admin-section-header button,.channel-admin-row button{border:1px solid var(--mm-border);color:var(--brand-dark);background:#eef4ff;border-radius:7px;min-height:36px;padding:0 14px;font-weight:700}.workspace-form{border:1px solid var(--mm-border);border-radius:8px;grid-template-columns:auto minmax(180px,260px) minmax(220px,1fr) auto auto;align-items:end;gap:12px;padding:14px 16px;display:grid}.workspace-logo-preview{align-items:center;min-height:44px;display:flex}.upload-inline{border:1px solid var(--mm-border);color:var(--brand-dark);cursor:pointer;background:#eef4ff;border-radius:7px;justify-content:center;align-self:end;align-items:center;min-height:41px;padding:0 14px;font-weight:700;display:inline-flex}.upload-inline input{display:none}.channel-admin-list{border:1px solid var(--mm-border);border-radius:8px;overflow:hidden}.channel-admin-row{border-bottom:1px solid var(--mm-border);background:#fff;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.channel-admin-row:last-child{border-bottom:0}.channel-admin-main{min-width:0}.channel-admin-main strong,.channel-admin-main span{margin-right:10px}.channel-admin-main p{color:var(--mm-muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:13px;overflow:hidden}.channel-admin-row .danger{color:#be123c;background:#fff5f5;border-color:#fecdd3}.member-picker{border:1px solid var(--mm-border);border-radius:8px;gap:8px;max-height:280px;margin:0;padding:12px;display:grid;overflow-y:auto}.member-picker legend{color:var(--mm-muted);padding:0 4px;font-size:13px;font-weight:700}.member-picker label{flex-direction:row;align-items:center;gap:8px;display:flex}.member-picker input{width:16px;height:16px}.user-row{border-bottom-color:var(--mm-border);grid-template-columns:40px minmax(160px,1fr) 180px 90px 90px auto auto auto auto}@media (width<=1000px){.app-shell{grid-template-columns:248px minmax(0,1fr)}.chat-layout.thread-open{grid-template-columns:1fr}.thread-panel{border-left:0;border-top:1px solid var(--mm-border)}}@media (width<=760px){.admin-section{margin:12px}.admin-section-header{flex-direction:column;align-items:stretch}.channel-admin-row{grid-template-columns:1fr;align-items:stretch;padding:14px}.channel-admin-row button{width:100%}.workspace-form{grid-template-columns:1fr;align-items:stretch}.workspace-logo-preview{justify-content:flex-start}.app-shell{background:#fff;display:flex}.sidebar,.content-shell{border-radius:0;margin:0}.sidebar{border-top:0;border-left:0;border-right:0;min-height:0;max-height:40dvh}.content-shell{border:0;min-height:0}.topbar{min-height:48px}.chat-header,.admin-view>.section-header,.profile-view>.section-header{min-height:50px;padding:9px 12px}.message-list{padding-top:10px}.message-row,.thread-panel .message-row{grid-template-columns:44px minmax(0,1fr);padding:6px 10px 6px 0}.message-row>img{width:30px;height:30px}.message-actions{opacity:1}.composer,.thread-composer{margin:8px 10px 10px 44px}.admin-create,.user-table,.profile-card{margin:12px}}:root{--surface:#fff;--surface-subtle:#f7f8fb;--surface-muted:#eef2f7;--border-soft:#e4e8f0;--border-strong:#cfd7e6;--text-strong:#111827;--text-muted:#64748b;--brand:#2563eb;--brand-dark:#1d4ed8;--danger:#dc2626;--success:#16a34a}body{background:var(--surface-subtle)}.login-shell{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 32rem),linear-gradient(#fbfcff 0%,#f3f6fb 100%)}.login-panel{border-color:#cfd7e6d9;box-shadow:0 24px 70px #0f172a1f}.brand-mark{background:linear-gradient(135deg, var(--brand), #0f766e)}button{border-color:var(--border-soft);transition:background .16s,border-color .16s,color .16s,transform .16s}button:hover{transform:translateY(-1px)}.app-shell{background:#f4f6fa;grid-template-columns:272px minmax(0,1fr)}.sidebar{border-right:1px solid var(--border-soft);color:#344054;background:#fbfcff}.workspace-title{color:var(--text-strong)}.side-section h2{color:#7b8aa3}.conversation,.nav-action{color:#344054;border-radius:7px;min-height:36px}.conversation:hover,.nav-action:hover{color:#1e3a8a;background:#eef4ff}.conversation.active,.nav-action.active{color:#1e40af;background:#dbeafe}.sidebar-footer{border-top:1px solid var(--border-soft);padding-top:12px}.topbar{border-bottom-color:var(--border-soft);box-shadow:0 1px #0f172a05}.chat-layout{grid-template-columns:minmax(0,1fr)}.chat-layout.thread-open{grid-template-columns:minmax(0,1fr) 380px}.chat-main,.admin-view,.profile-view{background:#f8fafc}.chat-header,.section-header{border-bottom:1px solid var(--border-soft);background:#f8fafceb;margin:-20px -20px 4px;padding:16px 20px}.chat-header h1,.section-header h1{color:var(--text-strong);font-weight:760}.chat-header p{color:var(--text-muted);margin-bottom:0;font-size:13px}.read-pill,.status{border:1px solid #bbf7d0}.message-list{align-content:start;padding-right:4px}.message-row{align-items:start}.message-body{box-shadow:none;border-color:#0000;padding:6px 10px 10px}.message-row:hover .message-body{background:#f1f5f9}.message-meta strong{color:#1f2937}.message-body p{color:#273449;margin-bottom:8px;line-height:1.52}.quote-preview,.composer-quote{border-left-color:var(--brand);background:#eef4ff}.message-actions{opacity:0}.message-row:hover .message-actions,.message-row:focus-within .message-actions{opacity:1}.message-actions button{color:var(--brand-dark);font-size:12px}.message-actions .reaction-actions button{font-size:18px}.composer,.thread-composer{border-color:var(--border-strong);box-shadow:0 8px 24px #0f172a0f}.composer-row input,.thread-composer input{border-color:#0000;padding-left:4px}.composer-row input:focus,.thread-composer input:focus,.admin-create input:focus,.profile-card input:focus{border-color:var(--brand);outline:3px solid #2563eb24}.composer-row button,.thread-composer button,.login-form button,.admin-create button,.profile-card button{background:var(--brand);border-color:var(--brand);color:#fff}.composer-row button:hover,.thread-composer button:hover,.login-form button:hover,.admin-create button:hover,.profile-card button:hover{background:var(--brand-dark)}.thread-panel{border-left-color:var(--border-soft);box-shadow:-12px 0 30px #0f172a0a}.thread-header{justify-content:space-between;align-items:center;display:flex}.thread-header h2{color:var(--text-strong);margin:0;font-size:17px}.icon-button{border:1px solid var(--border-soft);color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:20px;line-height:1;display:inline-flex}.user-table,.profile-card{border-color:var(--border-soft);box-shadow:0 12px 30px #0f172a0a}.user-row{grid-template-columns:40px minmax(150px,1fr) 180px 90px 90px auto auto auto auto}@media (width<=1000px){.chat-layout.thread-open{grid-template-columns:1fr}}@media (width<=760px){.sidebar{border-bottom-color:var(--border-soft);background:#fbfcff}.chat-header,.section-header{margin:-12px -12px 4px;padding:14px 12px}.message-actions{opacity:1}.thread-panel{box-shadow:none}html,body,#root{min-height:100%}body{background:#fff}.app-shell{background:#fff;flex-direction:column;width:100%;min-height:100dvh;display:flex}.sidebar{border:0;border-bottom:1px solid var(--border-soft);z-index:10;background:#fff;flex-flow:wrap;flex:none;align-items:center;gap:8px;min-height:0;max-height:none;margin:0;padding:8px 10px;display:flex;position:sticky;top:0;overflow:visible}.sidebar::-webkit-scrollbar{display:none}.workspace-title{display:none}.workspace-title strong{white-space:nowrap;font-size:15px}.brand-mark.small{border-radius:9px;width:34px;height:34px}.side-section h2{display:none}.conversation,.nav-action{border:1px solid #0000;border-radius:999px;flex:none;justify-content:center;width:auto;min-height:34px;padding:7px 11px;font-size:14px}.conversation span,.dm-label{max-width:132px}.conversation b{min-width:18px;line-height:16px}.sidebar-footer .nav-action{border-color:var(--border-soft);background:#f8fafc}.content-shell{border:0;border-radius:0;flex:auto;min-height:0;margin:0;display:flex;overflow:hidden}.chat-layout{flex:auto;width:100%;min-height:0;display:flex}.chat-main,.admin-view,.profile-view{background:#fff;flex:auto;min-height:0;padding:0}.chat-header,.admin-view>.section-header,.profile-view>.section-header{background:#fff;min-height:48px;margin:0;padding:10px 14px}.chat-header h1,.section-header h1{font-size:18px;line-height:23px}.read-pill{display:none}.message-list{background:#fff;align-content:start;gap:0;padding:6px 0 4px}.message-row.compact,.thread-panel .message-row.compact{padding-top:1px;padding-bottom:1px}.message-row>img{border-radius:8px;width:32px;height:32px;margin-top:1px}.message-body{padding:0}.message-meta{align-items:baseline;gap:7px;min-height:19px}.message-meta strong{font-size:14px}.message-body p{margin-bottom:2px;font-size:15px;line-height:21px}.quote-preview{border-radius:6px;margin:5px 0 7px;padding:8px 10px;font-size:13px}.message-actions{opacity:1;gap:14px;min-height:20px}.message-actions button{color:var(--brand-dark);font-size:13px}.message-actions .reaction-actions button{width:36px;height:36px;min-height:36px;font-size:18px}.composer{margin:8px 10px max(10px, env(safe-area-inset-bottom));border-radius:10px;padding:8px;box-shadow:0 -4px 18px #0f172a0d}.composer-row,.thread-composer{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.composer-row input,.thread-composer input{min-height:38px;padding:8px 6px}.composer-row button,.thread-composer button{width:auto;min-height:38px;padding:7px 16px}.thread-panel{z-index:20;border-top:0;position:fixed;inset:0}.thread-header{min-height:48px;padding:10px 14px}.thread-composer{margin:8px 10px max(10px, env(safe-area-inset-bottom))}.admin-view,.profile-view{overflow:auto}.admin-view>.section-header,.profile-view>.section-header{z-index:4;position:static}.user-table,.profile-card{margin:12px}.user-row{border-radius:10px;gap:10px;padding:12px}.user-row>button{min-height:36px}.modal-backdrop{align-items:flex-end;padding:10px}.modal-panel{border-radius:14px;max-width:none;padding:16px}.app-shell{background:#fff;min-height:100dvh;display:block;overflow:hidden}.mobile-sidebar-scrim{opacity:0;pointer-events:none;z-index:28;background:#0f172a5c;border:0;border-radius:0;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.sidebar-open .mobile-sidebar-scrim{opacity:1;pointer-events:auto}.sidebar{color:#ffffffd6;z-index:30;background:#122033;border:0;flex-flow:column;align-items:stretch;gap:14px;width:min(304px,86vw);max-width:304px;height:100dvh;min-height:0;max-height:none;margin:0;padding:14px 12px;transition:transform .2s;display:flex;position:fixed;top:0;left:0;overflow:auto;transform:translate(-106%);box-shadow:16px 0 42px #0f172a47}.sidebar-open .sidebar{transform:translate(0)}.workspace-title{color:#fff;border-bottom:1px solid #ffffff1f;flex:none;gap:10px;min-height:44px;margin:0 0 2px;padding:0 4px 12px;display:flex}.workspace-title strong{color:#fff;font-size:16px}.sidebar>.nav-action{display:flex}.side-section,.sidebar-footer{border:0;flex:none;align-items:stretch;gap:3px;margin:0;padding:0;display:grid}.sidebar-footer{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:12px}.side-section h2{color:#ffffff8f;letter-spacing:.06em;padding:8px 8px 3px;font-size:11px;display:block}.conversation,.nav-action{color:#ffffffd6;background:0 0;border:0;border-radius:5px;justify-content:space-between;width:100%;min-height:34px;padding:7px 9px;font-size:14px;display:flex}.conversation.active,.nav-action.active{color:#fff;background:#579eff2e}.content-shell{border:0;border-radius:0;height:100dvh;min-height:0;margin:0;display:block;overflow:hidden}.topbar{display:none}.chat-layout{height:100%;min-height:0;display:block}.chat-main,.admin-view,.profile-view{background:#fff;height:100%;min-height:0;padding:0;overflow:hidden}.chat-main{grid-template-rows:57px minmax(0,1fr) auto;display:grid}.admin-view,.profile-view{flex-direction:column;display:flex;overflow:auto}.chat-header,.admin-view>.section-header,.profile-view>.section-header{border-bottom:1px solid var(--border-soft);background:#fff;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:57px;margin:0;padding:8px 12px;display:grid}.mobile-menu-button{color:#1f2937;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:22px;line-height:1;display:inline-flex}.message-row,.thread-panel .message-row{grid-template-columns:minmax(0,1fr);padding:9px 14px}.message-avatar-wrap{display:none}.user-table{box-shadow:none;background:0 0;border:0;gap:12px;width:auto;margin:12px;display:grid;overflow:visible}.user-row{border:1px solid var(--border-soft);background:#fff;border-radius:12px;grid-template-columns:46px minmax(0,1fr);gap:8px 12px;width:auto;padding:12px;display:grid;overflow:hidden;box-shadow:0 8px 22px #0f172a0d}.user-row>img{grid-row:span 2;width:42px;height:42px}.user-row>div{min-width:0}.user-row>div strong,.user-row>div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-row>.presence-line,.user-row>.status,.user-row>span:not(.presence-line):not(.status){grid-column:1/-1}.user-row>.status{place-self:start stretch}.user-row>button{grid-column:auto;justify-content:center;width:100%;min-height:38px}.user-row>button:first-of-type,.user-row>button:nth-of-type(3){grid-column:1/2}.user-row>button:nth-of-type(2),.user-row>button:nth-of-type(4){grid-column:2/3}}.content-shell{grid-template-rows:minmax(0,1fr)}.sidebar-account{align-items:center;gap:10px;min-width:0;padding:2px 0 8px;display:flex}.sidebar-account img{border-radius:7px;flex:none;width:34px;height:34px}.sidebar-account strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;display:block;overflow:hidden}.sidebar-account .presence-line{margin-top:2px}.sidebar-locale{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px;display:grid}.sidebar-locale button{min-height:34px;padding:6px 8px}.chat-header{min-height:60px}.chat-header>div{min-width:0}.message-search{align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.message-search input{border-color:var(--border-soft);background:#f8fafc;border-radius:6px;min-width:220px;height:28px;padding:5px 10px;font-size:13px}.connection-pill{color:#9a3412;white-space:nowrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;flex:none;padding:3px 9px;font-size:12px;font-weight:700;line-height:18px}.connection-pill.offline{color:#b91c1c;background:#fef2f2;border-color:#fecdd3}.connection-pill.connecting,.connection-pill.reconnecting{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.search-count{color:var(--text-muted);text-align:center;min-width:42px;font-size:12px}.message-search button{border-color:var(--border-soft);color:var(--text-muted);background:#fff;justify-content:center;align-items:center;width:28px;height:28px;min-height:28px;padding:0;display:inline-flex}.message-search button:not(:disabled):hover{color:var(--brand-dark);background:#eef4ff}.message-search button:disabled{cursor:default;opacity:.45}.pinned-bar{color:#7c2d12;text-align:left;background:#fff7ed;border:0;border-bottom:1px solid #fed7aa;border-radius:0;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:36px;padding:7px 18px;display:flex;overflow:hidden}.pinned-content{color:inherit;text-align:left;background:0 0;border:0;flex:auto;justify-content:flex-start;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.pinned-content:hover{background:0 0}.pinned-content span{color:#9a3412;flex:none;font-size:12px;font-weight:750}.pinned-content strong{color:#431407;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:13px;display:block;overflow:hidden}.pinned-bar em{text-align:center;background:#ffedd5;border-radius:999px;flex:none;min-width:22px;padding:1px 7px;font-size:12px;font-style:normal}.pinned-nav{color:#9a3412;background:#fff;border-color:#fed7aa;flex:none;justify-content:center;align-items:center;width:24px;height:24px;min-height:24px;padding:0;display:inline-flex}.pinned-nav:not(:disabled):hover{background:#ffedd5}.pinned-nav:disabled{cursor:default;opacity:.45}.pinned-placeholder{height:0;min-height:0;display:block;overflow:hidden}.pin-indicator{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:0 6px;font-size:11px;font-weight:700;line-height:16px}@media (width>=761px){.app-shell{height:100dvh;min-height:100dvh;overflow:hidden}.sidebar{overscroll-behavior:contain;height:100dvh;min-height:0;overflow-y:auto}.content-shell{height:calc(100dvh - 8px);min-height:0;position:relative;overflow:hidden}.chat-layout{height:100%;min-height:0;overflow:hidden}.chat-main{grid-template-rows:40px auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.chat-header{border-bottom:1px solid var(--border-soft);box-shadow:none;z-index:20;background:#fff;justify-content:space-between;align-items:center;height:40px;min-height:40px;padding:0 18px;display:flex;position:sticky;top:0}.chat-header>.chat-title{align-items:baseline;gap:12px;min-width:0;margin-left:96px;display:flex}.chat-header h1{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:760;line-height:20px;overflow:hidden}.chat-header p{color:var(--text-muted);white-space:nowrap;margin:0;font-size:12px;line-height:18px}.mobile-menu-button{display:none}.message-list{overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;min-height:0;padding:0 0 24px;display:block;overflow:hidden scroll}.message-row{margin:0;padding:6px 22px 6px 0}.message-row.compact{padding-top:1px;padding-bottom:1px}.message-list .message-row:first-child{padding-top:10px}.composer{align-self:end;min-height:0;margin:0 18px 18px}.thread-panel,.admin-view,.profile-view,.checkin-view{overscroll-behavior:contain;height:100%;min-height:0;overflow-y:auto}}.checkin-view{align-content:start;gap:18px;min-height:0;padding:0 0 28px;display:grid}.checkin-dashboard{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:16px;padding:0 28px;display:grid}.checkin-card,.checkin-calendar-panel,.checkin-admin-list{background:#fff;border:1px solid #dfe4ee;border-radius:8px}.checkin-card{align-content:start;gap:16px;padding:18px;display:grid}.checkin-card>div{gap:5px;display:grid}.checkin-card strong{color:#111827;font-size:28px}.checkin-card time,.checkin-label{color:#64748b;font-size:13px}.checkin-calendar-panel{gap:14px;padding:18px;display:grid}.checkin-calendar-panel header{justify-content:space-between;align-items:baseline;display:flex}.checkin-calendar-panel h2{margin:0;font-size:16px}.checkin-calendar-panel header span{color:#64748b;font-size:13px}.checkin-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.checkin-day{aspect-ratio:1;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.checkin-day.checked{color:#166534;background:#dcfce7;border-color:#86efac;font-weight:750}.checkin-admin-list{display:grid;overflow:hidden}.checkin-admin-toolbar{gap:14px;padding:0 0 14px;display:grid}.checkin-admin-toolbar label{max-width:360px}.checkin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.checkin-summary-grid article{background:#fff;border:1px solid #dfe4ee;border-radius:8px;gap:4px;padding:14px 16px;display:grid}.checkin-summary-grid span,.checkin-summary-grid small{color:#64748b;font-size:13px}.checkin-summary-grid strong{color:#111827;font-size:30px;line-height:1}.checkin-row{border-bottom:1px solid #eef2f7;grid-template-columns:36px minmax(160px,1fr) 100px minmax(160px,1.4fr);align-items:center;gap:12px;padding:12px 16px;display:grid}.checkin-row:last-child{border-bottom:0}.checkin-row img{object-fit:cover;border-radius:8px;width:36px;height:36px}.checkin-row div{gap:2px;min-width:0;display:grid}.checkin-row strong,.checkin-row span,.checkin-row p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.checkin-row span,.checkin-row time,.checkin-row p{color:#64748b;font-size:13px}.checkin-row p{margin:0}@media (width<=900px){.checkin-dashboard{grid-template-columns:1fr;padding:0 16px}.checkin-row{grid-template-columns:36px minmax(0,1fr);align-items:start}.checkin-row time,.checkin-row p{grid-column:2}.checkin-summary-grid{grid-template-columns:1fr}}.admin-view .user-table{max-height:none;box-shadow:none;overflow:visible}.admin-view .user-row{min-height:0}@media (width<=760px){.chat-header{grid-template-columns:36px minmax(0,1fr);height:auto}.chat-header>.chat-title{min-width:0}.message-search{grid-column:1/-1;width:100%;margin-left:0}.message-search input{flex:auto;min-width:0}}