@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef2ff;--sidebar-bg:#111827;--sidebar-icon:#94a3b8;--sidebar-icon-active:#fff;--chatlist-bg:#fff;--chatlist-border:#e8ecf2;--chatlist-hover:#f5f7fa;--chat-bg:#f6f7fb;--text-primary:#172033;--text-secondary:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--message-sent-bg:#4f46e5;--message-received-bg:#fff;--online-indicator:#10b981;--danger:#ef4444;--background:#f6f7fb;--surface:#fff;--border:#e2e8f0;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 8px 24px #0f172a12;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden}body{color:var(--text-primary);background-color:var(--chat-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;min-height:100dvh;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s ease-in-out}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #4f46e533}input,textarea{outline:none;font-family:inherit}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.flex-1{flex:1}.app-container{background:var(--background);width:100vw;height:100dvh;display:flex;overflow:hidden}.chat-list-wrapper,.chat-area-wrapper{height:100%;min-height:0;display:flex}.chat-area-wrapper{flex:1;min-width:0}.global-reminder{z-index:2000;width:min(360px,100vw - 32px);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-md);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex;position:fixed;inset-block-end:24px;inset-inline-end:24px}.global-reminder-icon{width:34px;height:34px;color:var(--primary);background:var(--primary-soft);border-radius:9px;flex:none;place-items:center;display:grid}.global-reminder>span:nth-child(2){overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;font-size:13px;display:flex}.global-reminder>span:nth-child(2) strong{color:var(--text-secondary);font-size:12px}.global-reminder button{width:32px;height:32px;color:var(--text-secondary);border-radius:8px;place-items:center;display:grid}.global-reminder button:hover{color:var(--text-primary);background:#f1f5f9}@media (width<=768px){html,body,#root{width:100%;max-width:100%;height:100dvh;min-height:100dvh}.app-container{flex-direction:column;width:100%;max-width:100vw;height:100dvh;min-height:0;position:fixed;inset:0;overflow:hidden}.mobile-hidden{display:none!important}.chat-list-wrapper,.chat-area-wrapper{flex:1;order:1;width:100%;max-width:100%;min-height:0;overflow:hidden}.global-reminder{width:auto;inset-block-end:calc(78px + env(safe-area-inset-bottom));inset-inline:16px}}@media (width<=768px) and (orientation:landscape){.app-container{padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}}@media (width<=950px) and (height<=520px) and (orientation:landscape){html,body,#root{width:100%;max-width:100%;height:100dvh;min-height:100dvh}.app-container{width:100%;max-width:100vw;height:100dvh;min-height:0;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);flex-direction:column;position:fixed;inset:0;overflow:hidden}.mobile-hidden{display:none!important}.chat-list-wrapper,.chat-area-wrapper{flex:1;order:1;width:100%;max-width:100%;min-height:0;overflow:hidden}.view-container{border:0;border-radius:0;min-width:0;min-height:0;margin:0;padding:16px;overflow-y:auto}}@media (width<=768px) and (pointer:coarse){button,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.view-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;flex:1;margin:20px;padding:32px;overflow-y:auto}.view-container>h2,.bookmarks-container>h2{letter-spacing:-.025em;margin-bottom:24px;font-size:24px}.save-btn,.admin-btn,.add-event-form button,.add-btn,.send-btn{box-shadow:var(--shadow-sm)}.save-btn:hover,.admin-btn:hover,.add-btn:hover,.send-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e52e}.form-group input,.form-group textarea,.admin-form-group input,.admin-form-group select{transition:border-color .18s,box-shadow .18s;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;background:#fff!important;font-size:14px!important}.form-group input:focus,.form-group textarea:focus,.admin-form-group input:focus,.admin-form-group select:focus{box-shadow:0 0 0 3px #4f46e51a;border-color:var(--primary)!important}.form-group input:disabled{background:#f8fafc!important}@media (width<=768px){.view-container{border:0;border-radius:0;margin:0;padding:20px 16px}}.role-main_admin{color:var(--primary);background:#eae6ff}.role-md{color:#d97706;background:#fef3c7}.role-mgr{color:#2563eb;background:#dbeafe}.role-tl{color:#4338ca;background:#e0e7ff}.role-staff{color:#4b5563;background:#f3f4f6}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid #ffffff0d;flex-direction:column;align-items:center;width:80px;height:100vh;padding:24px 0;display:flex;position:relative}.app-brand-icon{object-fit:cover;border-radius:14px;width:48px;height:48px;display:block}.logo-icon{background:var(--text-primary);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sidebar-nav{flex-direction:column;flex:1;align-items:center;gap:24px;display:flex}.nav-item{color:var(--sidebar-icon);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.nav-item:hover{color:var(--sidebar-icon-active);background:#ffffff0d}.sidebar-profile{margin-top:auto;position:relative}.avatar-container{width:40px;height:40px;transition:transform .2s;position:relative}.avatar-container:hover{transform:scale(1.05)}.avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.status-dot{background-color:var(--online-indicator);border:2px solid var(--sidebar-bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.profile-popup-menu{border:1px solid var(--border-color);z-index:1000;background:#fff;border-radius:16px;flex-direction:column;width:220px;padding:8px;display:flex;position:absolute;bottom:0;left:60px;box-shadow:0 10px 40px #0000001a}.profile-popup-header{flex-direction:column;padding:12px 16px;display:flex}.profile-popup-name{color:var(--text-primary);font-size:14px;font-weight:600}.profile-popup-email{color:var(--text-secondary);margin-top:2px;font-size:12px}.profile-popup-divider{background:var(--border-color);height:1px;margin:4px 0}.profile-popup-item{color:var(--text-primary);border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.profile-popup-item:hover{background:var(--chatlist-hover)}.logout-item{color:var(--danger)}.logout-item:hover{background:#ef444414}@media (width<=768px){.sidebar{z-index:50;border-top:1px solid #ffffff0d;border-right:none;flex-direction:row;width:100%;height:60px;padding:0 20px}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;gap:0;width:100%}.sidebar-profile{display:none}}@media (width<=950px) and (height<=520px) and (orientation:landscape){.sidebar{width:100%;max-width:100%;height:calc(54px + env(safe-area-inset-bottom));min-height:calc(54px + env(safe-area-inset-bottom));padding:0 max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));border-top:1px solid #ffffff0d;border-right:0;flex-direction:row;flex-shrink:0;order:2}.sidebar-logo,.sidebar-profile{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;gap:0;width:100%;min-width:0;overflow-x:auto}.nav-item{flex:0 0 44px;width:44px;height:44px}.nav-item.active:before{display:none}}.sidebar{background:#111827;border-right-color:#ffffff0f;width:72px;padding:18px 0}.sidebar-logo{margin-bottom:28px}.logo-icon{background:#4f46e5;border-radius:10px;width:40px;height:40px;box-shadow:0 8px 18px #4f46e547}.sidebar-nav{gap:8px}.nav-item{border-radius:10px;width:42px;height:42px}.nav-item svg{width:20px;height:20px}.nav-item.active{color:#c7d2fe;background:#6366f12e;box-shadow:inset 0 0 0 1px #818cf82e}.nav-item.active:before{content:"";background:#818cf8;border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:0}.profile-popup-menu{box-shadow:var(--shadow-md);border-radius:12px}@media (width<=768px){.sidebar{width:100%;max-width:100%;height:calc(60px + env(safe-area-inset-bottom));min-height:calc(60px + env(safe-area-inset-bottom));padding:0 max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));background:#111827;flex-shrink:0;order:2}.sidebar-nav{overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{flex:0 0 44px;width:44px;height:44px}.nav-item.active:before{display:none}}.company-sidebar{z-index:100;background:#171721;flex-direction:column;align-items:center;gap:12px;width:60px;padding:16px 0;display:flex}.company-icon{color:#fff;cursor:pointer;opacity:.7;border:0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:15px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.company-icon:hover{opacity:.9;border-radius:10px;transform:translateY(-1px)}.company-icon.active{opacity:1;border-radius:10px}.company-icon.active:before{content:"";background:#fff;border-radius:4px;width:8px;height:24px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.company-icon img{object-fit:cover;width:100%;height:100%}.company-separator{background:#ffffff1a;border-radius:1px;width:32px;height:2px}.company-sidebar{background:#0b1020;border-right:1px solid #ffffff0d;gap:9px;width:52px;padding:14px 0}.company-icon{border-radius:9px;width:34px;height:34px;font-size:11px}.company-icon:hover,.company-icon.active{border-radius:9px}.company-icon.active{box-shadow:0 0 0 2px #fff3}.company-icon:focus-visible{outline-offset:3px;outline-color:#fffc}.company-icon.active:before{width:3px;height:18px;left:-9px}.company-separator{width:24px;height:1px}@media (width<=768px){.company-sidebar{display:none}}@media (width<=950px) and (height<=520px) and (orientation:landscape){.company-sidebar{display:none}}.modal-overlay{z-index:1500;background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.new-chat-modal{width:min(440px,100%);max-height:min(720px,100dvh - 40px);color:var(--text-primary);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 64px #0f172a38}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 18px;display:flex}.modal-header h2{letter-spacing:-.02em;margin:0;font-size:19px}.modal-header p{color:var(--text-secondary);margin:5px 0 0;font-size:13px}.close-btn{width:34px;height:34px;color:var(--text-secondary);border-radius:9px;flex:none;place-items:center;display:grid}.close-btn:hover{color:var(--text-primary);background:#f1f5f9}.modal-content{flex-direction:column;gap:16px;min-height:0;padding:20px 24px 24px;display:flex}.conversation-type,.visibility-toggle{background:#f1f5f9;border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.conversation-type button,.visibility-toggle button{min-height:38px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.conversation-type button.active,.visibility-toggle button.active{color:var(--text-primary);box-shadow:var(--shadow-sm);background:#fff}.group-options{flex-direction:column;gap:8px;display:flex}.group-options label,.member-selection-heading{color:#334155;font-size:12px;font-weight:700}.chat-name-input{min-height:44px;color:var(--text-primary);border:1px solid var(--border-color);background:#fff;border-radius:9px;padding:10px 12px;font-size:14px}.chat-name-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.visibility-toggle{margin-top:4px}.visibility-toggle button{min-height:34px}.member-selection-heading{justify-content:space-between;align-items:center;display:flex}.member-selection-heading span:last-child{color:var(--primary)}.member-search{color:var(--text-secondary);position:relative}.member-search>svg{inset-inline-start:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.member-search input{width:100%;min-height:42px;color:var(--text-primary);border:1px solid var(--border-color);background:#fff;border-radius:9px;padding:9px 42px;font-size:14px}.member-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.member-search button{inset-inline-end:7px;width:30px;height:30px;color:var(--text-secondary);border-radius:7px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.member-search button:hover{color:var(--text-primary);background:#f1f5f9}.user-selection-list{flex-direction:column;gap:4px;max-height:280px;display:flex;overflow-y:auto}.user-select-row{text-align:left;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:56px;padding:8px 10px;display:flex}.user-select-row:hover{background:#f8fafc}.user-select-row.selected{background:var(--primary-soft);border-color:#c7d2fe}.user-select-row img,.user-select-avatar{object-fit:cover;border-radius:50%;flex:none;width:38px;height:38px}.user-select-avatar{color:var(--primary);background:#e0e7ff;place-items:center;font-size:14px;font-weight:700;display:grid}.user-select-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-select-copy strong,.user-select-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-select-copy strong{color:var(--text-primary);font-size:13px}.user-select-copy small{color:var(--text-secondary);font-size:12px;font-weight:400}.selection-check{color:#fff;background:var(--primary);border-radius:7px;flex:none;place-items:center;width:22px;height:22px;display:grid}.user-select-row:not(.selected) .selection-check{background:#e2e8f0}.modal-state{color:var(--text-secondary);text-align:center;padding:28px 12px;font-size:13px}.new-chat-error{color:#b42318;background:#fef3f2;border-radius:8px;padding:10px 12px;font-size:13px}.create-chat-btn{color:#fff;background:var(--primary);border-radius:9px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:700;box-shadow:0 6px 14px #4f46e533}.create-chat-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.create-chat-btn:disabled{cursor:not-allowed;box-shadow:none;opacity:.48}@media (width<=520px){.modal-overlay{padding:max(8px, env(safe-area-inset-top)) 0 0;align-items:flex-end}.new-chat-modal{width:100%;max-height:calc(100dvh - max(8px, env(safe-area-inset-top)));border-radius:16px 16px 0 0}.modal-header{padding:20px 18px 16px}.modal-content{padding:16px 18px max(20px, env(safe-area-inset-bottom))}.member-search input{min-height:44px;font-size:16px}}.chat-list{background-color:var(--chatlist-bg);border-right:1px solid var(--chatlist-border);flex-direction:column;width:350px;height:100%;display:flex}.header-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-top h2{align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.header-top h2:before{content:"";background:url(/notlify-icon-2026-64.png) 50%/cover no-repeat;border-radius:7px;width:24px;height:24px;display:inline-block}.add-btn{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:auto;height:36px;padding:0 11px;font-size:12px;font-weight:700;display:flex}.add-btn:hover{background:var(--primary-hover)}.search-bar{background:#f3f4f6;border-radius:12px;align-items:center;margin-bottom:24px;padding:10px 14px;display:flex}.search-icon{color:var(--text-light);margin-right:10px}.search-bar input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:14px}.search-bar input::placeholder{color:var(--text-light)}.search-shortcut{color:var(--text-light);border:1px solid var(--border-color);background:#fff;border-radius:4px;padding:2px 6px;font-size:12px}.chat-items{flex:1;padding:0 12px 12px;overflow-y:auto}.conversation-section+.conversation-section{margin-top:18px}.conversation-section-heading{color:#475569;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:28px;padding:0 10px 6px;font-size:11px;font-weight:800;display:flex}.conversation-section-heading span:last-child{min-width:20px;color:var(--text-secondary);text-align:center;letter-spacing:0;background:#f1f5f9;border-radius:7px;padding:2px 6px}.conversation-section-empty{color:var(--text-secondary);padding:12px 10px 16px;font-size:12px}.groups-toggle{color:#4f46e5;cursor:pointer;background:#f5f3ff;border:1px solid #e7e4ff;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 20px);min-height:38px;margin:5px 10px 2px;font-size:12px;font-weight:750;display:flex}.groups-toggle:hover{color:#3730a3;background:#ede9fe}.groups-toggle:focus-visible{outline-offset:2px;outline:3px solid #4f46e533}.chat-list-state{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 18px;font-size:13px;line-height:1.45;display:flex}.chat-list-state strong{color:var(--text-primary);font-size:14px}.chat-list-state button{min-height:40px;color:var(--primary);background:var(--primary-soft);border-radius:9px;margin-top:6px;padding:0 14px;font-weight:700}.chat-list-state.error{color:#b42318}.chat-item{cursor:pointer;border-radius:14px;align-items:center;margin-bottom:4px;padding:12px;transition:background .2s;display:flex}.chat-item:hover{background:var(--chatlist-hover)}.chat-item.oversight-chat .chat-name>svg{color:#6366f1}.chat-item.oversight-chat .chat-msg{color:#64748b}.chat-item.active{background:var(--chatlist-hover);position:relative}.chat-item.active:before{content:"";background:var(--primary);border-radius:0 4px 4px 0;width:3px;height:80%;position:absolute;top:10%;left:0}.chat-avatar{margin-right:14px;position:relative}.chat-avatar img{object-fit:cover;border-radius:50%;width:48px;height:48px}.online-dot{background-color:var(--online-indicator);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.chat-info{flex:1;min-width:0}.chat-info-top{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.chat-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.chat-time{color:var(--text-light);font-size:12px}.chat-info-bottom{justify-content:space-between;align-items:center;display:flex}.chat-msg{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}.chat-msg.unread{color:var(--text-primary);font-weight:500}.unread-badge{background:var(--primary);color:#fff;text-align:center;border-radius:10px;min-width:20px;margin-left:8px;padding:2px 6px;font-size:12px;font-weight:600}.incoming-message-notice{z-index:5;border:1px solid color-mix(in srgb, var(--primary) 28%, white);width:calc(100% - 24px);color:var(--text-primary);text-align:left;cursor:pointer;background:#fff;border-radius:12px;margin:8px 12px 12px;padding:11px 13px;position:sticky;top:8px;box-shadow:0 10px 30px #1f293724}.incoming-message-notice strong,.incoming-message-notice span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.incoming-message-notice strong{font-size:13px}.incoming-message-notice span{color:var(--text-secondary);margin-top:2px;font-size:12px}.read-ticks{color:var(--primary);letter-spacing:-2px;margin-left:8px;font-size:12px}.status-dot-chatlist{border:2px solid var(--sidebar-bg);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.status-dot-chatlist.online{background-color:#10b981}.status-dot-chatlist.offline{background-color:#9ca3af}@media (width<=768px){.chat-list{border-right:none;width:100%}.chat-list-header{padding:max(18px, env(safe-area-inset-top)) 16px 12px}.header-top{margin-bottom:14px}.search-shortcut{display:none}.chat-item{min-height:68px}}@media (width<=950px) and (height<=520px) and (orientation:landscape){.chat-list{border-right:0;width:100%;min-width:0;max-width:none}.chat-list-header{padding:12px 16px 8px}.header-top{margin-bottom:8px}.header-top h2{font-size:19px}.add-btn{min-width:44px;min-height:44px}.search-bar{min-height:42px;margin-bottom:6px}.search-bar input{min-width:0;font-size:16px}.chat-items{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}.chat-item{min-height:62px}}.chat-list{border-right-color:var(--border-color);width:336px}.chat-list-header{padding:24px 20px 14px}.header-top{margin-bottom:20px}.header-top h2{letter-spacing:-.025em;font-size:21px}.header-top h2:before{border-radius:6px;width:20px;height:20px}.add-btn{border-radius:9px;width:auto;height:34px}.search-bar{background:#f5f7fa;border:1px solid #0000;border-radius:9px;min-height:42px;margin-bottom:18px;padding:9px 12px}.search-bar:focus-within{background:#fff;border-color:#c7d2fe;box-shadow:0 0 0 3px #4f46e514}.search-shortcut{box-shadow:var(--shadow-sm);border-radius:5px}.chat-items{padding:6px 10px 14px}.chat-item{border-radius:10px;margin-bottom:2px;padding:11px 10px}.chat-item.active{background:var(--primary-soft)}.chat-item.active:before{width:3px;height:60%;top:20%}.chat-avatar,.chat-avatar img{width:44px!important;height:44px!important}.chat-avatar{margin-right:12px}.chat-name{font-size:14px}.chat-msg{font-size:13px}.chat-time{font-size:11px}.chat-name{align-items:center;gap:6px;display:flex}@media (width<=768px){.chat-list{width:100%;min-width:0;max-width:none}.chat-list-header{padding-top:max(18px, calc(env(safe-area-inset-top) + 12px))}.chat-items{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0}.add-btn{min-width:44px;min-height:44px}.search-bar{min-height:46px;margin-bottom:12px}.search-bar input{min-width:0;font-size:16px}}.call-overlay{z-index:2000;-webkit-backdrop-filter:blur(18px);background:#0a0c12d1;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.call-modal{color:#f8fafc;background:#151824;border:1px solid #ffffff1a;border-radius:28px;width:min(920px,100%);max-height:calc(100dvh - 56px);padding:30px;overflow:auto;box-shadow:0 32px 90px #0000006b}.call-modal.voice-mode{width:min(500px,100%);padding:34px 34px 30px}.call-heading{text-align:center}.call-eyebrow{color:#a9b0c3;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.call-modal h2{color:#fff;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:clamp(25px,3vw,34px);font-weight:650;line-height:1.2}.call-status{color:#b8bfd0;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:8px;min-height:22px;margin:10px 0 0;font-size:14px;display:flex}.call-status.error{color:#fca5a5}.call-status-dot{background:#8b93a8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #8b93a81f}.call-status-dot.connected{background:#34d399;box-shadow:0 0 0 4px #34d39921}.voice-call-stage{flex-direction:column;align-items:center;min-height:286px;padding:45px 0 36px;display:flex}.remote-call-audio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.voice-avatar-ring{color:#5b50e6;background:#e9e7ff;border:6px solid #242839;border-radius:50%;place-items:center;width:146px;height:146px;font-size:43px;font-weight:700;display:grid;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 18px 45px #00000047}.voice-avatar-ring.ringing{animation:1.8s ease-out infinite call-ring-pulse}.voice-avatar-ring img{object-fit:cover;width:100%;height:100%}.voice-call-stage p{color:#8f97ab;margin:22px 0 0;font-size:13px}@keyframes call-ring-pulse{0%,to{box-shadow:0 0 0 1px #ffffff1f,0 0 #6366f142,0 18px 45px #00000047}50%{box-shadow:0 0 0 1px #ffffff1f,0 0 0 18px #6366f100,0 18px 45px #00000047}}.video-container{grid-template-columns:1fr;width:100%;margin:26px 0 24px;display:grid;position:relative}.video-box{aspect-ratio:16/9;background:#0c0e15;border:1px solid #ffffff17;border-radius:20px;width:100%;position:relative;overflow:hidden}.video-box video{object-fit:cover;width:100%;height:100%}.video-box.local{z-index:2;border:2px solid #ffffff2e;border-radius:15px;width:min(25%,200px);min-width:145px;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 32px #0006}.video-label{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0fb8;border:1px solid #ffffff1a;border-radius:7px;padding:5px 9px;font-size:12px;position:absolute;bottom:12px;left:12px}.camera-off-label,.mock-remote-stream{color:#aab1c3;background:#10131d;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.video-placeholder-avatar{color:#5b50e6;background:#e9e7ff;border-radius:50%;place-items:center;width:82px;height:82px;font-size:25px;font-weight:700;display:grid}.call-controls{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;padding-top:4px;display:flex}.control-action{color:#aeb5c6;flex-direction:column;align-items:center;gap:8px;min-width:58px;font-size:11px;font-weight:600;display:flex}.control-btn{color:#f8fafc;cursor:pointer;background:#292d3d;border:1px solid #ffffff14;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;transition:transform .16s,background-color .16s,color .16s;display:grid}.control-btn:hover{background:#353a4d;transform:translateY(-2px)}.control-btn:active{transform:scale(.96)}.control-btn:focus-visible{outline-offset:3px;outline:3px solid #a5b4fc}.control-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.control-btn.active{color:#171923;background:#f8fafc}.control-btn.call{background:#16a36a}.control-btn.call:hover{background:#118457}.control-btn.hangup{background:#e5484d}.control-btn.hangup:hover{background:#cb3439}@media (width<=680px){.call-overlay{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));align-items:stretch}.call-modal,.call-modal.voice-mode{border-radius:22px;width:100%;min-height:0;max-height:100%;padding:24px 18px 20px}.call-modal.voice-mode{flex-direction:column;justify-content:space-between;display:flex}.voice-call-stage{flex:1;justify-content:center;min-height:320px;padding:32px 0}.voice-avatar-ring{width:132px;height:132px;font-size:38px}.video-container{flex:1;margin-top:22px}.video-box{aspect-ratio:auto;min-height:min(52dvh,520px)}.video-box.local{aspect-ratio:3/4;width:30%;min-width:108px;min-height:0;bottom:10px;right:10px}.call-controls{gap:14px}}@media (width<=680px) and (orientation:landscape){.call-modal,.call-modal.voice-mode{padding:16px}.call-heading{text-align:left}.call-eyebrow{margin-bottom:3px}.call-modal h2{font-size:21px}.call-status{justify-content:flex-start;margin-top:4px}.voice-call-stage{min-height:130px;padding:12px 0}.voice-avatar-ring{width:96px;height:96px;font-size:28px}.voice-call-stage p{margin-top:10px}.video-container{min-height:0;margin:12px 0}.video-box{min-height:42dvh}.call-controls{gap:12px}.control-btn{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.voice-avatar-ring.ringing{animation:none}.control-btn{transition:none}}.group-info-modal{width:min(520px,100%);max-height:min(760px,100dvh - 40px);color:var(--text-primary);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 64px #0f172a38}.group-info-modal .modal-header{padding:20px 24px 17px}.group-info-modal .modal-header h2{letter-spacing:-.02em;margin:0;font-size:19px}.group-info-modal .modal-header p{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.group-info-modal .modal-content{min-height:0;padding:20px 24px 10px;overflow-y:auto}.group-details{border-bottom:1px solid var(--border-color);align-items:center;gap:14px;padding-bottom:20px;display:flex}.group-details-copy{flex:1;min-width:0}.group-name-row{align-items:center;gap:7px;min-width:0;display:flex}.group-name-row h3{min-width:0}.group-name-row button,.group-rename-form button{width:34px;height:34px;color:var(--text-secondary);border-radius:8px;flex:none;place-items:center;display:grid}.group-name-row button:hover,.group-rename-form button:hover:not(:disabled){color:var(--primary);background:var(--primary-soft)}.group-rename-form{align-items:center;gap:5px;display:flex}.group-rename-form input{width:100%;min-width:0;height:40px;color:var(--text-primary);border:1px solid var(--primary);background:#fff;border-radius:8px;padding:8px 10px;font-size:16px;font-weight:700}.group-rename-form input:focus{box-shadow:0 0 0 3px #4f46e51a}.group-rename-form button:disabled{cursor:not-allowed;opacity:.45}.group-avatar-large{width:56px;height:56px;color:var(--primary);background:#e9e7ff;border-radius:14px;flex:none;place-items:center;font-size:19px;font-weight:800;display:grid}.group-details h3{overflow-wrap:anywhere;letter-spacing:-.015em;margin:0 0 4px;font-size:18px}.group-details p{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.members-section{padding-top:20px}.members-section .section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.members-section h4{color:var(--text-primary);margin:0;font-size:14px}.add-member-btn{color:#fff;background:var(--primary);border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.add-member-btn:hover{background:var(--primary-hover)}.add-member-btn.active{color:var(--text-secondary);background:#f1f5f9}.add-member-form{background:#f6f7fb;border-radius:12px;margin-bottom:16px;padding:12px}.add-member-search{color:var(--text-secondary);position:relative}.add-member-search>svg{inset-inline-start:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.add-member-search input{width:100%;min-height:42px;color:var(--text-primary);border:1px solid var(--border-color);background:#fff;border-radius:9px;padding:9px 40px;font-size:14px}.add-member-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.add-member-search button{inset-inline-end:6px;width:30px;height:30px;color:var(--text-secondary);border-radius:7px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.add-member-search button:hover{background:#f1f5f9}.available-members-list{max-height:240px;margin-top:8px;overflow-y:auto}.available-member-row{border-radius:9px;align-items:center;gap:10px;padding:8px;display:flex}.available-member-row:hover{background:#fff}.available-member-row img,.available-member-row .member-avatar-fallback{width:34px;height:34px}.available-member-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.available-member-copy strong,.available-member-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.available-member-copy strong{font-size:13px}.available-member-copy small{color:var(--text-secondary);font-size:11px}.available-member-row>button{min-width:52px;min-height:32px;color:var(--primary);background:#eeecff;border-radius:7px;padding:0 10px;font-size:12px;font-weight:700}.available-member-row>button:hover:not(:disabled){background:#dfdcff}.available-member-row>button:disabled{cursor:wait;opacity:.55}.available-members-empty{color:var(--text-secondary);text-align:center;padding:24px 10px 16px;font-size:12px}.group-action-error{color:#b42318;background:#fef3f2;border-radius:8px;margin-top:8px;padding:9px 10px;font-size:12px}.members-list{flex-direction:column;display:flex}.member-row{border-bottom:1px solid #eef1f5;align-items:center;gap:12px;min-height:58px;padding:8px 4px;display:flex}.member-row:last-child{border-bottom:0}.member-row img,.member-avatar-fallback{object-fit:cover;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.member-avatar-fallback{color:var(--primary);background:#e9e7ff;font-size:12px;font-weight:800}.member-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.member-name,.member-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-name{color:var(--text-primary);font-size:13px;font-weight:650}.member-email{color:var(--text-secondary);font-size:12px}.you-label{color:#475569;background:#f1f5f9;border-radius:5px;margin-inline-start:5px;padding:2px 5px;font-size:10px;font-weight:700}.remove-member-btn{color:#b42318;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.remove-member-btn:hover{background:#fef3f2}.group-info-modal .modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding:14px 24px 18px;display:flex}.leave-group-btn,.delete-group-btn{color:#b42318;border:1px solid #fecdca;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.leave-group-btn:hover,.delete-group-btn:hover:not(:disabled){background:#fef3f2}.delete-group-btn{color:#fff;background:#dc2626;border-color:#dc2626}.delete-group-btn:hover:not(:disabled){color:#fff;background:#b91c1c;border-color:#b91c1c}.delete-group-btn:disabled{cursor:wait;opacity:.65}.group-info-modal button:focus-visible{outline-offset:2px;outline:3px solid #c7d2fe}@media (width<=560px){.group-info-modal{width:100%;max-height:calc(100dvh - max(8px, env(safe-area-inset-top)));border-radius:16px 16px 0 0}.group-info-modal .modal-header{padding:18px}.group-info-modal .modal-content{padding:18px 18px 8px}.group-info-modal .modal-footer{padding:12px 18px max(16px, env(safe-area-inset-bottom))}.leave-group-btn,.delete-group-btn{justify-content:center;width:100%;min-height:44px}.add-member-search input{min-height:44px;font-size:16px}}.user-profile-modal{background:var(--surface);border-radius:20px;flex-direction:column;width:100%;max-width:400px;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}.profile-header{background:var(--chat-bg);border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;padding:32px 24px;display:flex}.profile-avatar-large{width:96px;height:96px;margin-bottom:16px;position:relative}.profile-avatar-large img{object-fit:cover;border:4px solid var(--surface);border-radius:50%;width:100%;height:100%;box-shadow:0 4px 12px #0000001a}.profile-photo-trigger{cursor:zoom-in;background:0 0;border:0;border-radius:50%;width:100%;height:100%;padding:0;display:block;position:relative}.profile-photo-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 38%, white);outline-offset:4px}.profile-photo-expand{border:2px solid var(--surface);background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-2px;right:-2px;box-shadow:0 4px 12px #1f29372e}.profile-photo-viewer{z-index:1200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080d19e0;place-items:center;padding:72px 24px 32px;display:grid;position:fixed;inset:0}.profile-photo-viewer figure{text-align:center;max-width:min(720px,92vw);margin:0}.profile-photo-viewer figure img{object-fit:contain;border-radius:18px;max-width:min(720px,92vw);max-height:78vh;display:block;box-shadow:0 24px 70px #0000006b}.profile-photo-viewer figcaption{color:#fff;margin-top:14px;font-size:15px;font-weight:600}.profile-photo-viewer-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:22px;right:22px}.profile-photo-viewer-close:hover{background:#fff3}.status-indicator{border:3px solid var(--surface);border-radius:50%;width:18px;height:18px;position:absolute;bottom:4px;right:4px}.status-indicator.online{background-color:#10b981}.profile-header h3{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:700}.profile-role{background:var(--chatlist-bg);color:var(--primary);text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.profile-details{padding:24px}.profile-info-card{background:var(--chat-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000008}.detail-row{border-bottom:1px solid var(--border-color);background:0 0;align-items:flex-start;gap:16px;padding:16px;display:flex}.detail-row:last-child{border-bottom:none}.detail-icon{background:var(--chatlist-bg);width:36px;height:36px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.detail-info{flex-direction:column;gap:4px;margin-top:2px;display:flex}.detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.detail-value{color:var(--text-primary);word-break:break-word;font-size:15px}.chat-area{background-image:radial-gradient(#eae6ff 1px,#0000 0);background-size:20px 20px;background-color:var(--chat-bg);flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.chat-area.chat-welcome{text-align:center;background:radial-gradient(circle at 50% 43%,#4f46e514,#0000 29%),#f8f9fc;justify-content:center;align-items:center;padding:clamp(28px,6vw,80px);position:relative;overflow:hidden}.chat-welcome:before,.chat-welcome:after{content:"";border:1px solid #4f46e514;border-radius:50%;width:210px;height:210px;position:absolute}.chat-welcome:before{top:-118px;right:-72px}.chat-welcome:after{width:260px;height:260px;bottom:-138px;left:-62px}.chat-welcome-mark{place-items:center;width:82px;height:82px;margin-bottom:24px;display:grid;position:relative}.chat-welcome-mark>span{color:#fff;background:var(--primary);border-radius:22px;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 16px 35px #4f46e53d}.chat-welcome-mark>span img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.chat-welcome-mark>i{color:#4338ca;background:#fff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:0;right:-2px;box-shadow:0 7px 18px #0f172a24}.chat-welcome h2{max-width:560px;color:var(--text-primary);letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(25px,3vw,34px)}.chat-welcome>p{max-width:510px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.65}.chat-welcome-hint{color:#64748b;align-items:center;gap:8px;margin-top:28px;font-size:12px;font-weight:650;display:inline-flex}.chat-welcome-hint>span{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e1a}.chat-header{border-bottom:1px solid var(--chatlist-border);background:#fff;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:relative}.header-info{align-items:center;gap:16px;min-width:0;display:flex}.group-member-stack{border-radius:10px;align-items:center;min-height:38px;padding:3px 7px 3px 5px;transition:background .18s;display:flex}.group-member-stack:hover{background:var(--chatlist-hover)}.group-member-stack:focus-visible{outline-offset:2px;outline:3px solid #c7d2fe}.group-member-stack img,.group-member-stack>span{width:30px;height:30px;color:var(--primary);object-fit:cover;background:#e0e7ff;border:2px solid #fff;border-radius:50%;place-items:center;margin-inline-start:-7px;font-size:10px;font-weight:800;display:grid;overflow:hidden}.group-member-stack>:first-child{margin-inline-start:0}.group-member-stack .group-member-overflow{color:#4338ca;background:#eef2ff;font-size:11px}.header-avatars{display:flex}.avatar-stack{object-fit:cover;border:2px solid #fff;border-radius:50%;width:36px;height:36px;margin-left:-10px}.avatar-stack:first-child{margin-left:0}.header-text h3{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:18px;font-weight:600;overflow:hidden}.header-text p{color:var(--text-light);font-size:13px}.header-actions{flex:none;gap:16px;display:flex}.chat-search-input{width:190px;height:38px;color:var(--text-primary);border:1px solid var(--chatlist-border);background:#f5f7fa;border-radius:9px;margin-right:4px;padding:6px 12px;font-size:14px}.action-btn{color:var(--text-secondary);border-radius:50%;padding:8px}.mobile-back-btn{display:none}.action-btn:hover{background:var(--chatlist-hover);color:var(--text-primary)}.message-list{flex-direction:column;flex:1;gap:24px;padding:24px 40px;display:flex;overflow-y:auto}.date-separator{text-align:center;margin:16px 0}.date-separator span{color:var(--text-secondary);border:1px solid var(--border-color);background:#fff;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;box-shadow:0 1px 2px #00000005}.message-group{align-items:flex-start;gap:16px;display:flex}.message-group.target-message .message{animation:1.5s ease-out target-message-pulse}@keyframes target-message-pulse{0%,35%{box-shadow:0 0 0 4px #4f46e538}to{box-shadow:var(--shadow-sm)}}.message-group.sent{justify-content:flex-end}.message-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px;margin:0}.message-content{flex-direction:column;width:100%;min-width:0;display:flex}.message-group.sent .message-content{align-items:flex-end}.sender-name{color:var(--primary);margin-bottom:6px;margin-left:4px;font-size:13px;font-weight:600}.message{margin-bottom:8px;position:relative}.message.bubble{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:18px;padding:12px 16px;font-size:15px;line-height:1.5;position:relative;box-shadow:0 2px 5px #00000005}.message-dropdown .danger-action{color:#b42318}.send-btn:disabled,.attach-btn:disabled{opacity:.5;cursor:wait}.message-group.received .message.bubble{background:var(--message-received-bg);color:var(--text-primary);border-bottom-left-radius:4px}.message-group.sent .message.bubble{background:var(--message-sent-bg);color:var(--primary-hover);border-bottom-right-radius:4px}.message .time{color:var(--text-light);text-align:right;margin-top:6px;font-size:11px;display:block}.read-ticks{color:var(--primary);letter-spacing:-2px;margin-left:4px}.file-attachment{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:min(360px,100%);padding:8px;display:flex;box-shadow:0 2px 5px #00000005}.file-open{min-width:0;color:inherit;border-radius:9px;flex:1;align-items:center;gap:12px;padding:4px;text-decoration:none;display:flex}.file-open:hover .file-name{text-underline-offset:3px;text-decoration:underline}.file-open:focus-visible,.attachment-download:focus-visible,.image-attachment-preview:focus-visible{outline-offset:2px;outline:3px solid #4f46e538}.file-icon{color:#fff;background:#2c2d33;border-radius:10px;flex:0 0 46px;justify-content:center;align-items:center;width:48px;height:46px;display:flex}.file-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.file-name{color:var(--text-primary);overflow-wrap:anywhere;font-size:14px;font-weight:600;display:block}.file-size{color:var(--text-light);font-size:12px}.attachment-caption{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 14px}.attachment-download{color:#4338ca;background:#eef2ff;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.attachment-download:hover{background:#e0e7ff}.file-download{flex:0 0 38px;width:38px;padding:0}.image-attachment{background:#eef2f7;border-radius:12px;width:min(360px,100%);position:relative;overflow:hidden}.image-attachment-preview{width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.image-attachment-preview img{object-fit:cover;width:100%;max-height:360px;display:block}.image-invalid-state{color:#334155;background:#f1f5f9;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:150px;padding:24px;display:flex}.image-invalid-state strong{color:#172033;font-size:14px}.image-invalid-state span{max-width:270px;font-size:12px;line-height:1.5}.image-attachment .attachment-download{color:#111827;background:#fffffff0;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 14px #0f172a29}.image-attachment .attachment-download:hover{background:#fff}.image-viewer-overlay{z-index:1400;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c18db;place-items:center;display:grid;position:fixed;inset:0}.image-viewer{background:#111827;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;width:min(1100px,100%);max-height:calc(100dvh - 36px);display:flex;overflow:hidden;box-shadow:0 28px 80px #0000006b}.image-viewer header{color:#f8fafc;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:12px 14px 12px 20px;display:flex}.image-viewer h2{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:650;overflow:hidden}.image-viewer-actions{align-items:center;gap:6px;display:flex}.image-viewer-actions a,.image-viewer-actions button{color:#f8fafc;cursor:pointer;background:#ffffff17;border:0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;display:inline-flex}.image-viewer-actions a:hover,.image-viewer-actions button:hover{background:#ffffff29}.image-viewer-actions a:focus-visible,.image-viewer-actions button:focus-visible{outline-offset:2px;outline:3px solid #818cf8a6}.image-viewer-canvas{flex:1;place-items:center;min-height:0;padding:18px;display:grid;overflow:auto}.image-viewer-canvas img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 132px);display:block}@media (width<=640px){.image-viewer-overlay{padding:0}.image-viewer{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.image-viewer header{padding-top:max(12px, env(safe-area-inset-top))}.image-viewer-canvas{padding:12px}.image-viewer-canvas img{max-height:calc(100dvh - 92px - env(safe-area-inset-top))}}.file-attachment .time{align-self:flex-end;margin-top:0}.attachment-selection{border-top:1px solid var(--chatlist-border);background:#fff;border-bottom:1px solid #f0f2f5;padding:10px 40px}.attachment-selection-heading{color:#475569;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.attachment-selection-heading button{color:#dc2626;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.attachment-selection-list{scrollbar-width:thin;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.attachment-selection-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;align-items:center;gap:9px;min-width:210px;max-width:280px;padding:8px;display:flex}.attachment-selection-icon{color:#4f46e5;background:#eef2ff;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.attachment-selection-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.attachment-selection-info strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.attachment-selection-info small{color:#64748b;font-size:11px}.attachment-selection-remove{color:#dc2626;cursor:pointer;background:#fee2e2;border:0;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;display:grid}.attachment-selection-remove:hover{background:#fecaca}@media (width<=640px){.attachment-selection{padding:9px 12px}.attachment-selection-item{min-width:190px;max-width:240px}}.reaction{color:var(--text-secondary);border:1px solid var(--border-color);z-index:1;background:#fff;border-radius:12px;align-self:flex-start;align-items:center;gap:6px;margin-top:-12px;margin-left:12px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex;position:relative;box-shadow:0 2px 4px #0000000a}.message-input-area{border-top:1px solid var(--chatlist-border);background:#fff;align-items:center;gap:16px;padding:20px 40px;display:flex}.attach-btn{color:var(--text-secondary);padding:8px}.attach-btn:hover{color:var(--primary)}.input-wrapper{background:var(--chatlist-hover);border:1px solid #0000;border-radius:24px;flex:1;align-items:center;padding:8px 16px;transition:all .2s;display:flex}.input-wrapper:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6b4eff1a}.input-wrapper input,.input-wrapper textarea{color:#111827;caret-color:var(--primary);background:0 0;border:none;flex:1;padding:8px;font-family:inherit;font-size:15px}.rich-message-editor{color:#111827;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;min-height:38px;max-height:150px;caret-color:var(--primary);overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:0 0;border:0;outline:0;flex:1;padding:8px;font-family:inherit;font-size:15px;line-height:1.4;overflow:hidden auto}.format-controls{border-inline-start:1px solid var(--border-color);align-items:center;gap:1px;padding-inline-start:4px;display:flex}.rich-message-editor:empty:before{content:attr(data-placeholder);color:var(--text-light);pointer-events:none}.rich-message-editor::-webkit-scrollbar{width:6px}.rich-message-editor::-webkit-scrollbar-track{background:0 0}.rich-message-editor::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.rich-message-editor strong{font-weight:750}.rich-message-editor em{font-style:italic}.rich-message-editor ul,.rich-message-editor ol{margin:4px 0;padding-inline-start:24px}.rich-message-editor li{margin:2px 0}.editor-mention{color:#3730a3;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#e0e7ff;border-radius:5px;padding:2px 5px;font-weight:700;display:inline}.input-wrapper textarea{resize:none;min-height:20px;max-height:120px;line-height:1.4;overflow-y:auto}.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--text-light)}.icon-btn{color:var(--text-secondary);justify-content:center;align-items:center;padding:8px;display:flex}.icon-btn:hover{color:var(--primary)}.send-btn{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #6b4eff4d}.send-btn:hover{background:var(--primary-hover)}.recording-dot{background-color:red;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ff0000b3}70%{transform:scale(1);box-shadow:0 0 0 8px #f000}to{transform:scale(.95);box-shadow:0 0 #f000}}@media (width<=768px){.chat-area{width:100%}.mobile-back-btn{margin-right:12px;display:block}.header-info{gap:4px}.group-member-stack{padding-inline-end:3px}.group-member-stack img,.group-member-stack>span{width:28px;height:28px}.message-input-area{padding:12px 16px}.message-list{padding:16px}.header-info{flex:1;min-width:0}.header-text{min-width:0}.header-text h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-search-input{z-index:20;width:calc(100% - 24px);height:44px;box-shadow:var(--shadow-md);margin:0;position:absolute;top:54px;left:12px;right:12px}}.message-group{position:relative}.message-menu-btn{opacity:0;cursor:pointer;color:#6b7280;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex;box-shadow:0 1px 3px #0000001a}.message-wrapper:hover .message-menu-btn,.message-menu-btn:hover,.message-menu-btn.active{opacity:1}.message-dropdown{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:120px;position:absolute;top:100%;overflow:hidden;box-shadow:0 4px 12px #00000026}.message-dropdown button{text-align:left;cursor:pointer;color:#374151;background:0 0;border:none;width:100%;padding:10px 16px;font-size:14px;display:block}.message-dropdown button:hover{background:#f3f4f6}.quick-reaction-picker{border-bottom:1px solid #eef1f5;grid-template-columns:repeat(6,32px);gap:2px;padding:8px;display:grid}.message-dropdown .quick-reaction-picker button{text-align:center;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;font-size:17px;line-height:1;display:grid}.message-dropdown .quick-reaction-picker button:hover{background:#eef2ff;transform:translateY(-1px)}.message-dropdown .quick-reaction-picker button:disabled{cursor:wait;opacity:.55}.message-reactions{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.message-reactions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe1ea;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:39px;height:27px;padding:0 8px;display:inline-flex;box-shadow:0 2px 5px #0f172a0d}.message-reactions button:hover:not(:disabled){background:#f7f7ff;border-color:#a5b4fc}.message-reactions button.selected{color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.message-reactions button:disabled{cursor:default}.message-reactions strong{font-variant-numeric:tabular-nums;font-size:11px}.message-reactions span{font-size:14px;line-height:1}.reply-preview-container{box-sizing:border-box;background:#f3f4f6;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-bottom:0;padding:10px 16px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ddd6fe}.reply-preview-content{flex-direction:column;flex:1;min-width:0;padding-right:12px;display:flex;overflow:hidden}.reply-preview-name{color:#6b4eff;font-size:13px;font-weight:600}.reply-preview-text{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:13px;display:block;overflow:hidden}.replied-message-box{cursor:pointer;background:#0000000d;border:1px solid #4f46e529;border-radius:4px;margin-bottom:6px;padding:6px 10px}.replied-message-box .reply-name{color:#6b4eff;margin-bottom:2px;font-size:12px;font-weight:600}.replied-message-box .reply-text{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.message-group.sent .replied-message-box{background:#fff3;border-left-color:#fff}.message-group.sent .replied-message-box .reply-name{color:#fff}.message-group.sent .replied-message-box .reply-text{color:#ffffffe6}.chat-area{background:#f7f8fc}.chat-header{border-bottom-color:var(--border-color);min-height:74px;padding:14px 28px;box-shadow:0 1px #0f172a05}.header-info{gap:12px}.header-text h3{letter-spacing:-.01em;font-size:16px}.header-actions{gap:4px}.action-btn{border-radius:9px;width:36px;height:36px;padding:8px}.message-list{gap:14px;padding:28px clamp(24px,5vw,72px)}.message-group{gap:10px}.message-content{width:auto;max-width:min(72%,720px)}.message.bubble{box-shadow:var(--shadow-sm);border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.5}.message-group.received .message.bubble{border:1px solid #e8ecf2;border-bottom-left-radius:5px}.message-group.sent .message.bubble{color:#fff;border-bottom-right-radius:5px;box-shadow:0 5px 14px #4f46e529}.message-group.sent .time{color:#ffffffb8}.message-status{color:#94a3b8;justify-content:flex-end;align-items:center;min-height:16px;padding:2px 3px 0;display:flex}.message-status.seen{color:var(--primary)}.message-delivery-meta{justify-content:flex-end;align-self:flex-end;align-items:center;gap:5px;display:inline-flex}.edited-label{color:var(--text-light);font-size:10px;font-weight:600}.message-view-count{color:#64748b;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:3px;min-height:26px;padding:3px 6px;font-size:10px;font-weight:700;display:inline-flex}.message-view-count:hover{color:#4338ca;background:#eef2ff}.message-view-count:focus-visible{outline-offset:1px;outline:3px solid #4f46e533}.receipt-viewer-overlay{z-index:1000;background:#0f172a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.receipt-viewer{width:min(480px,100%);max-height:min(620px,86dvh);color:var(--text-primary);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.receipt-viewer header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px 16px;display:flex}.receipt-viewer h2{letter-spacing:-.02em;margin:0 0 4px;font-size:19px}.receipt-viewer header p{color:var(--text-secondary);margin:0;font-size:13px}.receipt-viewer header button{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:#f1f5f9;border:0;border-radius:9px;flex:0 0 36px;place-items:center;display:grid}.receipt-viewer header button:hover{color:var(--text-primary);background:#e2e8f0}.receipt-viewer-list{min-height:120px;padding:8px 12px 14px;overflow-y:auto}.receipt-viewer-state{color:var(--text-secondary);text-align:center;padding:34px 12px}.receipt-viewer-state.error{color:#b42318}.receipt-viewer-person{border-bottom:1px solid #eef2f7;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;padding:9px 10px;display:grid}.receipt-viewer-person>img,.receipt-viewer-person>span{border-radius:50%;width:40px;height:40px}.receipt-viewer-person>img{object-fit:cover}.receipt-viewer-person>span{color:#4338ca;background:#e8e7ff;place-items:center;font-size:12px;font-weight:800;display:grid}.receipt-viewer-person>div{flex-direction:column;gap:2px;min-width:0;display:flex}.receipt-viewer-person strong,.receipt-viewer-person small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.receipt-viewer-person strong{font-size:13px}.receipt-viewer-person small,.receipt-viewer-person time{color:var(--text-secondary);font-size:11px}.receipt-viewer-person time{font-variant-numeric:tabular-nums;text-align:right}.receipt-viewer-person>.reaction-person-emoji{width:34px;height:34px;color:inherit;background:#f8fafc;border-radius:9px;place-items:center;font-size:18px;display:grid}.message-mention{color:#3730a3;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#e0e7ff;border-radius:4px;padding:1px 3px;font-weight:700;display:inline}.message-bold{font-weight:750}.message-italic{font-style:italic}.message-rich-content{white-space:normal}.message-text-line{white-space:pre-wrap;min-height:1.5em}.message-paragraph-gap{height:.8em}.message-list-block{margin:7px 0 10px;padding-inline-start:24px}.message-list-block li{margin:3px 0;padding-inline-start:2px}.message-group.sent .message-bold{color:inherit}.format-btn{border-radius:8px}.format-btn:hover,.format-btn:focus-visible{color:var(--primary);background:#e9e7ff}.format-btn:focus-visible{outline-offset:1px;outline:3px solid #4f46e533}.mention-suggestions{width:min(420px,100% - 32px);max-height:286px;color:var(--text-primary);border:1px solid var(--border-color);background:#fff;border-radius:12px;align-self:flex-start;margin:0 16px 8px;overflow-y:auto;box-shadow:0 14px 32px #0f172a24}.mention-suggestions-label{color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;padding:10px 13px 7px;font-size:11px;font-weight:700}.mention-suggestions button{width:100%;min-height:54px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:8px 12px;display:flex}.mention-suggestions button:hover,.mention-suggestions button:focus-visible{background:#f5f7ff}.mention-suggestions button:focus-visible{outline-offset:-3px;outline:3px solid #4f46e533}.mention-suggestions img,.mention-avatar{border-radius:50%;flex:0 0 36px;width:36px;height:36px}.mention-suggestions img{object-fit:cover}.mention-avatar{color:#4338ca;background:#e8e7ff;place-items:center;font-size:12px;font-weight:800;display:grid}.mention-person{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mention-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mention-person small,.mention-handle{color:var(--text-secondary);font-size:11px}.mention-handle{text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}.edit-preview-container{border-left-color:#4f46e5}.edit-preview-container button{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.edit-preview-container button:hover{color:var(--text-primary);background:#eef2f7}.edit-preview-container button:focus-visible{outline-offset:2px;outline:3px solid #4f46e533}.message-input-area{gap:10px;padding:14px clamp(20px,4vw,48px) 18px}.input-wrapper{background:#f5f7fa;border-radius:12px;min-height:44px;padding:5px 10px}.send-btn{border-radius:11px;width:42px;height:42px;box-shadow:0 6px 14px #4f46e533}.message-dropdown{box-shadow:var(--shadow-md);border-radius:10px}.reply-preview-container{border-left-color:var(--primary);background:#f8fafc}.oversight-notice{color:#64748b;border-top:1px solid var(--border-color);text-align:center;background:#fff;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:12px 18px;font-size:13px;font-weight:600;display:flex}@media (width<=768px){.chat-area{width:100%;min-width:0;max-width:100%}.chat-header{min-height:62px;padding:max(10px, calc(env(safe-area-inset-top) + 10px)) 12px 10px}.header-actions{gap:0}.header-info{flex:auto;overflow:hidden}.header-text{min-width:0}.chat-search-input{z-index:5;width:auto;height:42px;box-shadow:var(--shadow-md);background:#fff;margin:0;position:absolute;top:calc(100% + 8px);left:12px;right:12px}.action-btn{width:34px;height:34px}.message-list{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:18px 14px}.message-input-area{padding:10px 10px max(10px, env(safe-area-inset-bottom));gap:6px}.message-avatar{display:none}.message-wrapper{gap:4px!important;max-width:94%!important}.message-content{max-width:88vw}.file-attachment{width:min(280px,72vw)}.message-menu-btn{opacity:1;min-width:32px;min-height:32px}.mention-suggestions{width:calc(100% - 20px);margin:0 10px 6px}.mention-handle{display:none}.attach-btn,.icon-btn{min-width:40px;min-height:40px;padding:9px}.input-wrapper{min-width:0;padding:3px 5px}.input-wrapper textarea,.rich-message-editor{min-width:0;font-size:16px}.send-btn{flex:0 0 44px;width:44px;height:44px}.receipt-viewer-overlay{padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom))}}@media (width<=430px){.chat-header{padding-inline:8px}.header-info{gap:6px}.header-actions .action-btn{width:32px;height:32px;padding:6px}.group-member-stack{display:none}.message-list{padding-inline:10px}.receipt-viewer-overlay{align-items:end;padding:0}.receipt-viewer{border-radius:16px 16px 0 0;max-height:82dvh}.receipt-viewer-person{grid-template-columns:40px minmax(0,1fr)}.receipt-viewer-person time{text-align:left;grid-column:2}.reaction-viewer-person{grid-template-columns:40px minmax(0,1fr) 34px}.input-wrapper{flex-wrap:wrap}.rich-message-editor{flex:1 0 100%}.format-controls{border-inline-start:0;border-top:1px solid var(--border-color);flex:1;padding:2px 0 0}.format-btn{min-width:36px;min-height:36px;padding:7px}}@media (width<=950px) and (height<=520px) and (orientation:landscape){.chat-area{width:100%;min-width:0;max-width:100%}.chat-header{min-height:56px;padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left))}.header-info{flex:auto;min-width:0;overflow:hidden}.header-text{min-width:0}.header-actions{gap:0}.group-member-stack{display:none}.message-list{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:12px 14px}.message-avatar{display:none}.message-wrapper{max-width:94%!important}.message-content{max-width:82vw}.message-input-area{padding:8px max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));gap:6px}.input-wrapper textarea,.rich-message-editor{min-width:0;font-size:16px}.attach-btn,.icon-btn{min-width:40px;min-height:40px}.send-btn{flex:0 0 44px;width:44px;height:44px}}.login-screen{--bg-dark:#070912;--bg-card:#17192b99;--border-card:#ffffff14;--text-primary:#fff;--text-secondary:#94a3b8;--primary-accent:#8b5cf6;--primary-gradient:linear-gradient(90deg, #7c3aed, #8b5cf6);--input-bg:#ffffff08;--input-border:#ffffff1a;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 100% 100%, #17112e 0%, var(--bg-dark) 40%);background-color:var(--bg-dark);z-index:1000;width:100%;height:100dvh;color:var(--text-primary);flex-direction:column;justify-content:flex-start;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden auto}.login-content{flex:1;justify-content:space-between;align-items:center;gap:60px;width:100%;max-width:1200px;padding:40px;display:flex}.login-info-section{flex-direction:column;flex:1;max-width:500px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.brand h2{margin:0;font-size:24px;font-weight:700}.badge{color:var(--text-secondary);border:1px solid var(--border-card);background:#ffffff0d;border-radius:20px;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;padding:6px 14px;font-size:13px;display:inline-flex}.badge-icon{color:var(--primary-accent)}.headline{margin:0 0 20px;font-size:48px;font-weight:800;line-height:1.1}.description{color:var(--text-secondary);margin-bottom:40px;font-size:16px;line-height:1.6}.features-list{flex-direction:column;gap:24px;display:flex}.feature-item{align-items:flex-start;gap:16px;display:flex}.feature-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-purple{color:#a78bfa;background:#8b5cf626}.icon-green{color:#34d399;background:#10b98126}.icon-blue{color:#60a5fa;background:#3b82f626}.icon-orange{color:#fbbf24;background:#f59e0b26}.icon-gray{color:#cbd5e1;background:#94a3b826}.feature-text h3{margin:0 0 6px;font-size:16px;font-weight:600}.feature-text p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.login-form-section{flex:1;justify-content:center;max-width:480px;display:flex}.login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:24px;width:100%;padding:48px 40px;box-shadow:0 25px 50px -12px #00000080}.login-card-header{text-align:center;margin-bottom:40px}.login-card-logo{background:#8b5cf61a;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex}.login-card-logo img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.login-card-header h2{margin:0 0 8px;font-size:28px;font-weight:700}.login-card-header p{color:var(--text-secondary);margin:0;font-size:15px}.login-form{flex-direction:column;gap:20px;display:flex}.login-input-group{flex-direction:column;gap:8px;display:flex}.login-input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);position:absolute;left:16px}.login-input-wrapper input{background:var(--input-bg);border:1px solid var(--input-border);color:#fff;box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;outline:none;width:100%;padding:14px 14px 14px 44px;font-size:15px;transition:all .2s}.login-input-wrapper input:focus{border-color:var(--primary-accent);background:#ffffff0d}.login-input-wrapper input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;color:#fff!important;background-color:#13141f!important;box-shadow:inset 0 0 0 1000px #13141f!important}.login-input-wrapper input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;color:#fff!important;background-color:#13141f!important;box-shadow:inset 0 0 0 1000px #13141f!important}.login-input-wrapper input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;color:#fff!important;background-color:#13141f!important;box-shadow:inset 0 0 0 1000px #13141f!important}.login-input-wrapper input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;color:#fff!important;background-color:#13141f!important;box-shadow:inset 0 0 0 1000px #13141f!important}.password-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:#fff}.forgot-password{text-align:right;margin-top:-8px}.forgot-password a{color:var(--primary-accent);font-size:14px;font-weight:500;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.login-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.primary-btn{background:var(--primary-gradient);color:#fff;margin-top:8px}.primary-btn:hover{opacity:.9;transform:translateY(-1px)}.primary-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.sso-btn{color:#fff;border:1px solid var(--input-border);background:0 0}.sso-btn:hover{background:#ffffff0d}.login-footer{text-align:center;color:var(--text-secondary);margin-top:32px;font-size:14px}.login-footer a{color:var(--primary-accent);text-decoration:none}.login-footer a:hover{text-decoration:underline}.error-message{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.copyright{color:#ffffff4d;padding:20px;font-size:13px}.copyright a{color:#ffffffb8;text-underline-offset:3px;font-weight:600;text-decoration-color:#a5b4fc80}.copyright a:hover{color:#fff;text-decoration-color:#a5b4fc}@media (width<=968px){.login-content{flex-direction:column;gap:40px;padding:20px}.login-info-section{display:none}}.login-screen{--bg-dark:#0b1020;--bg-card:#fffffffa;--border-card:#94a3b82e;--text-primary:#f8fafc;--text-secondary:#a7b0c0;--primary-accent:#818cf8;--primary-gradient:linear-gradient(135deg, #4f46e5, #6366f1);--input-bg:#f8fafc;--input-border:#dbe2ea;background:radial-gradient(circle at 18% 18%,#4f46e53d,#0000 34%),radial-gradient(circle at 84% 82%,#0ea5e91a,#0000 28%),#0b1020}.login-screen:before{content:"";pointer-events:none;opacity:.22;background:radial-gradient(circle at 30% 20%,#818cf824,#0000 40%);position:fixed;inset:0}.login-content{gap:96px;max-width:1180px;padding:56px 48px;position:relative}.brand{margin-bottom:64px}.brand-logo{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.brand-logo img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.brand h2{letter-spacing:-.02em;font-size:20px}.badge{letter-spacing:.01em;background:#ffffff0b;border-radius:8px;padding:7px 11px}.headline{letter-spacing:-.05em;max-width:620px;margin-bottom:24px;font-size:clamp(42px,5vw,64px);line-height:1.06}.headline .highlight{color:#a5b4fc}.description{max-width:540px;font-size:17px}.features-list{gap:18px}.feature-item{align-items:center}.feature-icon{border-radius:9px;width:36px;height:36px}.feature-text h3{margin-bottom:3px;font-size:14px}.feature-text p{font-size:13px}.login-form-section{max-width:420px}.login-card{color:#172033;border:1px solid #ffffffb3;border-radius:18px;padding:42px 40px;box-shadow:0 32px 80px #00000052,0 1px 2px #00000014}.login-card-header{margin-bottom:32px}.login-card-logo{background:#eef2ff;border-radius:13px;width:52px;height:52px;margin-bottom:20px}.login-card-header h2{letter-spacing:-.025em;font-size:24px}.login-card-header p{color:#64748b;font-size:14px}.login-form{gap:18px}.login-input-group label{color:#334155;font-size:13px;font-weight:600}.login-input-wrapper input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;border-radius:9px;min-height:46px;font-size:14px}.login-input-wrapper input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.login-input-wrapper input:-webkit-autofill{-webkit-text-fill-color:#172033!important;box-shadow:inset 0 0 0 1000px #f8fafc!important}.login-input-wrapper input:-webkit-autofill:hover{-webkit-text-fill-color:#172033!important;box-shadow:inset 0 0 0 1000px #f8fafc!important}.login-input-wrapper input:-webkit-autofill:focus{-webkit-text-fill-color:#172033!important;box-shadow:inset 0 0 0 1000px #f8fafc!important}.login-input-wrapper input:-webkit-autofill:active{-webkit-text-fill-color:#172033!important;box-shadow:inset 0 0 0 1000px #f8fafc!important}.input-icon,.password-toggle-btn{color:#94a3b8}.forgot-password a{color:#4f46e5;font-size:13px}.login-btn{border-radius:9px;min-height:46px;font-size:14px}.primary-btn{box-shadow:0 8px 18px #4f46e53d}.primary-btn:hover{opacity:1;box-shadow:0 10px 24px #4f46e54d}.copyright{position:relative}@media (width<=968px){.login-screen{height:100dvh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow-y:auto}.login-content{flex:1 0 auto;justify-content:center;margin:0;padding:20px 16px}.login-form-section{flex:none;width:100%}.login-card{border-radius:16px;padding:28px 22px}.login-input-wrapper input{font-size:16px}.copyright{padding:18px}}@media (width<=768px){.login-screen{background:#fff;height:100dvh;min-height:100dvh;padding:0}.login-screen:before{display:none}.login-content{min-height:0;padding:max(24px, env(safe-area-inset-top)) 20px 12px;flex:auto;align-items:center}.login-form-section{max-width:430px}.login-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:24px 10px}.login-card-header{margin-bottom:28px}.copyright{width:100%;padding:12px 20px max(14px, env(safe-area-inset-bottom));color:#94a3b8;text-align:center;background:#fff}.copyright a{color:#4f46e5}}.directory-container{background:var(--chat-bg);flex-direction:column;flex:1;padding:32px 40px;display:flex;overflow:hidden}.directory-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.directory-title-section{align-items:center;gap:12px;display:flex}.directory-title-section h2{color:var(--text-primary);margin:0;font-size:24px;font-weight:600}.directory-count{color:var(--primary);background:#eae6ff;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:600}.directory-search{width:320px;position:relative}.directory-search .search-icon{color:var(--text-light);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.directory-search input{border:1px solid var(--border-color);background:var(--chatlist-bg);width:100%;color:var(--text-primary);border-radius:12px;padding:12px 16px 12px 40px;font-size:14px;transition:all .2s;box-shadow:0 1px 2px #00000008}.directory-search input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6b4eff1a}.directory-list-container{background:var(--chatlist-bg);border:1px solid var(--border-color);border-radius:16px;flex:1;overflow-y:auto;box-shadow:0 4px 20px #00000005}.directory-table{border-collapse:collapse;text-align:left;width:100%}.directory-table th{background:var(--chatlist-bg);color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;z-index:10;padding:16px 24px;font-size:13px;font-weight:600;position:sticky;top:0}.directory-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px 24px}.directory-row{transition:background-color .15s}.directory-row:hover{background-color:var(--chatlist-hover)}.directory-row:last-child td{border-bottom:none}.col-member,.col-contact{width:35%}.col-role,.col-status{width:15%}.directory-member-info{align-items:center;gap:16px;display:flex}.directory-avatar-wrapper{width:42px;height:42px;position:relative}.directory-avatar-wrapper img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:100%;height:100%;box-shadow:0 2px 4px #0000000d}.directory-status-dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.directory-status-dot.online{background-color:var(--online-indicator)}.directory-member-name{flex-direction:column;display:flex}.directory-member-name .name{color:var(--text-primary);font-size:15px;font-weight:600}.directory-contact-info{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.directory-role-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.directory-status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.directory-status-badge.online{color:#059669;background:#10b9811a}.empty-state{text-align:center;color:var(--text-secondary);font-size:15px;padding:60px 20px!important}@media (width<=768px),(width<=950px) and (height<=520px) and (orientation:landscape){.directory-container{padding:max(18px, env(safe-area-inset-top)) 14px 16px;min-width:0;min-height:0}.directory-header{flex-direction:column;align-items:flex-start;gap:16px}.directory-search{width:100%}.directory-title-section{flex-direction:column;align-items:flex-start;gap:6px}.directory-title-section h2{font-size:21px}.directory-header{margin-bottom:16px}.directory-search input{min-height:46px;font-size:16px}.directory-list-container{box-shadow:none;background:0 0;border:0;overflow-x:hidden}.directory-table,.directory-table tbody{width:100%;display:block}.directory-table thead{display:none}.directory-table tr.directory-row{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;width:100%;min-width:0;margin-bottom:10px;padding:14px;display:grid}.directory-table td{border:0;width:auto;min-width:0;padding:0}.directory-table .col-member,.directory-table .col-contact{grid-column:1/-1}.directory-table .col-role{text-align:left;grid-column:1}.directory-table .col-status{text-align:right;grid-column:2}.directory-member-info{gap:11px;min-width:0}.directory-avatar-wrapper{flex:0 0 42px}.directory-member-name{min-width:0}.directory-member-name .name,.directory-contact-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.directory-contact-info,.directory-contact-info span{min-width:0}.directory-role-badge,.directory-status-badge{min-height:32px}.directory-table tr:not(.directory-row){display:block}.directory-table .empty-state{border:1px solid var(--border-color);overflow-wrap:anywhere;background:#fff;border-radius:12px;width:100%;display:block;padding:44px 16px!important}}.directory-container{background:var(--background);padding:28px}.directory-title-section h2{letter-spacing:-.025em;font-size:22px}.directory-count{background:var(--primary-soft);color:var(--primary);border-radius:7px}.directory-search input{box-shadow:none;border-radius:9px}.directory-list-container{box-shadow:var(--shadow-sm);border-radius:12px}.directory-table th{letter-spacing:.07em;background:#f8fafc;font-size:11px}.directory-table td{padding-top:14px;padding-bottom:14px}.directory-role-badge,.directory-status-badge{border-radius:6px}@media (width<=768px),(width<=950px) and (height<=520px) and (orientation:landscape){.directory-container{padding:max(18px, calc(env(safe-area-inset-top) + 8px)) 14px 16px}.directory-list-container{box-shadow:none;background:0 0;border:0}.directory-table td{padding:0}}