.app-workspace-layout{background-color:var(--bg-color);width:100vw;height:100vh;color:var(--text-main);display:flex;position:fixed;top:0;left:0;overflow:hidden}.app-sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--card-border);z-index:100;flex-direction:column;flex-shrink:0;width:260px;height:100%;max-height:100vh;transition:transform .3s;display:flex;overflow:hidden}.sidebar-brand{align-items:center;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--card-border);flex-shrink:0;display:flex}.brand-icon-wrapper{background:var(--primary-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand-logo-svg{width:22px;height:22px}.brand-title{letter-spacing:-.02em;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800;display:block}.brand-subtitle{color:var(--text-muted);font-size:.75rem;font-weight:500;display:block}.btn-close-sidebar-mobile{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1.25rem;display:none}.sidebar-user-card{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--card-bg);margin:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--card-border);flex-shrink:0;display:flex;position:relative;box-shadow:0 2px 6px #00000005}.user-card-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.user-card-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.user-card-status{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.btn-profile-menu-trigger{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.btn-profile-menu-trigger:hover{background:var(--hover-bg);color:var(--text-main)}.profile-dropdown-menu{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);z-index:1000;border-radius:12px;flex-direction:column;gap:2px;padding:6px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 30px -4px #0000001f,0 6px 14px -4px #0000000f}.profile-menu-header{flex-direction:column;gap:3px;padding:8px 10px 10px;display:flex}.profile-name-text{color:var(--text-main);font-size:.88rem;font-weight:700;line-height:1.2}.profile-email-text{color:var(--text-muted);word-break:break-all;font-size:.72rem;line-height:1.2}.profile-menu-divider{background-color:var(--card-border,#e2e8f0);height:1px;margin:4px 2px}.profile-menu-item{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:.84rem;font-weight:600;transition:all .15s;display:flex}.profile-menu-item:hover{background:var(--hover-bg,#f1f5f9);color:var(--primary-accent,#0284c7)}.profile-menu-item .profile-item-icon{color:var(--text-muted);justify-content:center;align-items:center;transition:color .15s;display:flex}.profile-menu-item:hover .profile-item-icon{color:var(--primary-accent,#0284c7)}.profile-menu-item.logout-item,.profile-menu-item.logout-item .profile-item-icon{color:#dc2626}.profile-menu-item.logout-item:hover{color:#b91c1c;background:#dc262614}.profile-menu-item.logout-item:hover .profile-item-icon{color:#b91c1c}.sidebar-nav{gap:var(--space-sm);padding:0 var(--space-md) var(--space-md);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 12px 6px;font-size:.7rem;font-weight:700}.nav-tab-btn{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.nav-tab-btn:hover{background:var(--hover-bg);color:var(--text-main)}.nav-tab-btn.active{color:var(--primary-accent);background:#0284c71a;border:1px solid #0284c740;font-weight:700}.nav-icon{text-align:center;width:24px;font-size:1.15rem}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--card-border);gap:var(--space-xs);flex-direction:column;flex-shrink:0;display:flex}.nav-action-btn{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.nav-action-btn:hover{background:var(--hover-bg);color:var(--text-main)}.nav-action-btn.logout-action:hover{color:#dc2626;background:#ef44441a}.workspace-main-wrapper{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.app-header{height:var(--header-height);background-color:var(--card-bg);border-bottom:1px solid var(--card-border);padding:0 var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.workspace-main-wrapper[data-tab=chats] .app-header{display:none}.header-left{align-items:center;gap:14px;min-width:200px;display:flex}.btn-hamburger{color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.btn-hamburger svg{width:22px;height:22px}.header-section-title{color:var(--text-main);white-space:nowrap;font-size:1.15rem;font-weight:700}.header-center{flex:1;max-width:480px}.header-right{align-items:center;gap:16px;display:flex}.btn-icon-header{background:var(--bg-color);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.btn-icon-header:hover{color:var(--text-main);background:var(--card-bg);border-color:var(--card-border)}.btn-icon-header svg{width:18px;height:18px}.header-user-pill{background:var(--bg-color);border:1px solid var(--card-border);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:3px;transition:all .2s;display:flex}.header-user-pill:hover{background:var(--hover-bg,#f1f5f9);border-color:var(--primary-accent,#0284c7);box-shadow:0 0 0 2px #0284c726}.workspace-content-grid{flex:1;min-height:0;display:flex;overflow:hidden}.workspace-subpanel{background-color:var(--subpanel-bg);border-right:1px solid var(--card-border);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:visible}.workspace-stage{background-color:var(--stage-bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.section-sub-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.section-sub-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.8rem;font-weight:700}.count-pill{background:var(--hover-bg);color:var(--primary-accent);border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700}@media (width<=900px){.app-sidebar{height:100vh;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0003}.app-sidebar.mobile-open{transform:translate(0)}.btn-hamburger{justify-content:center;align-items:center;display:flex}.btn-close-sidebar-mobile{display:block}.workspace-subpanel{width:280px}.app-header{padding:0 16px}.header-left{min-width:unset;gap:0}}@media (width<=768px){.header-user-name{display:none}.header-user-pill{border-radius:50%;padding:4px}.header-right{gap:8px}.header-left{min-width:unset;gap:0}}@media (width<=640px){.header-center{display:none}.app-header{height:56px;padding:0 12px}.workspace-subpanel{width:100%}.hide-on-mobile-when-chat-open{display:none!important}.workspace-stage{width:100%}.btn-icon-header{width:34px;height:34px}}.mobile-bottom-nav,.sidebar-nav-mobile-only{display:none}.sidebar-nav-desktop-only{flex-direction:column;gap:4px;width:100%;display:flex}.mobile-fab{display:none}@media (width<=768px){.sidebar-nav-desktop-only{display:none}.sidebar-nav-mobile-only{flex-direction:column;gap:4px;width:100%;display:flex}.sidebar-footer{display:none}.app-header{gap:8px;height:56px;padding:0 12px}.header-left{flex:1;gap:8px;min-width:0;overflow:hidden}.header-section-title{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.header-right{flex-shrink:0;gap:8px}.header-user-name{display:none}.header-user-pill{border-radius:50%;padding:3px}.admin-header .admin-status-badge{display:none!important}.admin-header .btn-switch-workspace,.admin-header .btn-admin-logout{padding:4px 8px;font-size:.74rem}.mobile-bottom-nav{white-space:nowrap;-webkit-overflow-scrolling:touch;background:var(--card-bg,#fff);border-top:1px solid var(--card-border,#e2e8f0);z-index:100;height:58px;padding:0 8px calc(env(safe-area-inset-bottom,0px));flex-wrap:nowrap;justify-content:flex-start;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -2px 10px #0000000d}.mobile-bottom-nav::-webkit-scrollbar{display:none}.mobile-bottom-nav-item{width:68px;height:100%;color:var(--text-muted,#64748b);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;padding:2px 0;transition:color .15s,transform .15s;display:flex}.mobile-bottom-nav-item .mobile-nav-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:32px;height:24px;transition:background-color .2s,color .2s;display:flex}.mobile-bottom-nav-item .mobile-nav-label{letter-spacing:-.1px;font-size:.72rem;font-weight:500;line-height:1}.mobile-bottom-nav-item.active{color:var(--primary-accent,#0284c7)}.mobile-bottom-nav-item.active .mobile-nav-icon-wrap{color:var(--primary-accent,#0284c7);background:#0284c71f}.mobile-bottom-nav-item.active .mobile-nav-label{color:var(--primary-accent,#0284c7);font-weight:700}.mobile-bottom-nav-item:active{transform:scale(.95)}.workspace-main-wrapper{max-width:100vw;padding-bottom:58px;overflow-x:hidden}.workspace-content-grid{max-width:100vw;overflow-x:hidden}.workspace-subpanel{width:100%;max-width:100vw}.hide-on-mobile-when-no-chat{display:none!important}.mobile-fab{background:var(--primary-accent,#0284c7);color:#fff;cursor:pointer;z-index:90;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,background .2s;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 12px #0284c766}.mobile-fab:active{background:var(--primary-dark,#0369a1);transform:scale(.95)}.workspace-todos-view-wrapper{flex:1;width:100%;max-width:100vw;height:100%;min-height:0;max-height:100%;overflow:hidden}.todo-page-wrapper{box-sizing:border-box;flex:1;gap:10px;width:100%;max-width:100vw;height:100%;min-height:0;max-height:100%;padding:12px 12px 0;overflow:hidden}.todo-page-header{flex-wrap:wrap;flex-shrink:0;gap:8px}.todo-header-left{flex:1;gap:10px;min-width:0}.todo-icon-box{flex-shrink:0;width:36px;height:36px;font-size:1.1rem}.todo-page-title{font-size:1.15rem;line-height:1.2}.todo-page-subtitle{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.3;display:-webkit-box;overflow:hidden}.btn-add-todo-primary{white-space:nowrap;flex-shrink:0;margin-left:auto;padding:7px 12px;font-size:.8rem}.todo-search-row{flex-shrink:0}.todo-search-box{gap:8px;padding:6px 10px}.todo-search-input{font-size:.82rem}.todo-filters-bar{flex-shrink:0;gap:8px;padding-bottom:8px}.todo-view-tabs{width:100%;display:flex}.todo-tab-btn{flex:1;justify-content:center;gap:6px;padding:5px 8px;font-size:.8rem}.todo-filter-controls{gap:6px;width:100%;display:flex}.todo-filter-controls .filter-select-wrapper{flex:1;min-width:0}.todo-filter-select{width:100%;height:30px;padding:4px 6px;font-size:.75rem}.todo-page-main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;flex:1;min-height:0;padding-right:2px;overflow:hidden auto}.todo-list-container{padding-bottom:calc(36px + env(safe-area-inset-bottom,0px));gap:16px}.todo-card{gap:10px;padding:12px 10px}.todo-content-body{min-width:0}.todo-item-title{word-break:break-word;overflow-wrap:anywhere;font-size:.88rem}.todo-item-description{word-break:break-word;overflow-wrap:anywhere;font-size:.78rem}.todo-meta-row{gap:8px 12px;font-size:.72rem}.contacts-overview-stage{align-items:flex-start;height:auto;min-height:calc(100vh - 120px);padding:16px 12px 70px}.contacts-overview-card{width:100%;max-width:100%;padding:20px 16px}.contacts-overview-card h3{font-size:1.25rem}.contacts-overview-card p{margin-bottom:18px;font-size:.84rem}.contacts-quick-summary{gap:12px}.summary-stat{flex:1;padding:10px 14px}.stat-num{font-size:1.25rem}.admin-main-wrapper{max-width:100vw;padding-bottom:0;overflow-x:hidden}.admin-dashboard-body{max-width:100vw;padding:12px 10px;overflow-x:hidden}.admin-overview-container{max-width:100vw;overflow-x:hidden}.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.admin-stat-card{padding:12px!important}.stat-card-value{font-size:1.4rem!important}.stat-card-label{font-size:.68rem!important}.admin-quick-actions-card{margin-top:14px;padding:14px 12px}.quick-actions-grid{grid-template-columns:1fr;gap:8px}.btn-quick-nav{gap:10px;padding:12px}.admin-table-card,.admin-card{-webkit-overflow-scrolling:touch;border-radius:10px;margin-bottom:12px;padding:12px 10px;overflow-x:auto}.admin-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px}.admin-search-input-wrapper{min-width:unset;width:100%}.notification-dropdown-panel{z-index:1100!important;border-radius:12px!important;width:calc(100vw - 16px)!important;max-width:300px!important;max-height:calc(100vh - 80px)!important;position:fixed!important;top:56px!important;left:auto!important;right:8px!important}}@media (width<=390px){.app-header{padding:0 8px}.header-section-title{font-size:.95rem}.admin-stats-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.admin-stat-card{padding:10px 8px!important}.stat-card-value{font-size:1.25rem!important}.todo-page-wrapper{gap:8px;padding:10px 8px 0}.todo-page-title{font-size:1.05rem}.todo-tab-btn{gap:4px;padding:5px 6px;font-size:.75rem}.todo-count-badge{padding:1px 4px;font-size:.68rem}.todo-card{gap:8px;padding:10px 8px}}@media (width<=320px){.todo-page-wrapper{gap:6px;padding:8px 6px 0}.todo-page-header{gap:6px}.todo-icon-box{width:30px;height:30px;font-size:.95rem}.todo-page-title{font-size:.98rem}.btn-add-todo-primary{padding:6px 10px;font-size:.75rem}.todo-tab-btn{padding:4px;font-size:.72rem}.todo-filter-select{height:28px;font-size:.7rem}.todo-card{gap:6px;padding:8px 6px}.todo-item-title{font-size:.84rem}}.pinned-sidebar-section{border-bottom:1px solid var(--border-color,#00000014);margin-bottom:8px;padding-bottom:10px}.pinned-section-header{justify-content:space-between;align-items:center;padding:8px 16px 4px;display:flex}.pinned-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#9ca3af);align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.pinned-count-pill{color:var(--accent-color,#2563eb);background:#3b82f61f;border-radius:10px;padding:2px 7px;font-size:.68rem;font-weight:700}.pinned-sidebar-items{flex-direction:column;gap:2px;display:flex}.pinned-badge-indicator{display:none}.chat-item-footer-right{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.btn-pin-item,.btn-pin-toggle{cursor:pointer;opacity:0;color:var(--text-muted,#9ca3af);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:opacity .15s,transform .12s,color .15s;display:inline-flex}.chat-list-item:hover .btn-pin-item,.channel-list-item:hover .btn-pin-item,.chat-list-item:hover .btn-pin-toggle,.channel-list-item:hover .btn-pin-toggle,.btn-pin-item.pinned-active,.btn-pin-toggle.is-pinned{opacity:1}.btn-pin-item:hover,.btn-pin-toggle:hover{color:var(--primary-accent,#0284c7);background:#0000000d;transform:scale(1.15)}.btn-pin-item.pinned-active,.btn-pin-toggle.is-pinned{opacity:1;color:var(--primary-accent,#0284c7);filter:none}.chat-item-header-actions{align-items:center;gap:6px;display:flex}.chat-list-container{flex-direction:column;height:100%;display:flex;position:relative;overflow:visible}.channel-list-container,.contact-list-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.sidebar-search-container{background-color:var(--bg-color);border-bottom:1px solid var(--card-border);padding:8px 12px 10px}.sidebar-search-wrapper{align-items:center;width:100%;display:flex;position:relative}.sidebar-search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;left:10px}.sidebar-search-input{border-radius:var(--radius-md);border:1px solid var(--card-border);background-color:var(--bg-color);width:100%;height:36px;color:var(--text-main);outline:none;padding:6px 30px 6px 32px;font-size:.8125rem;transition:all .15s ease-in-out}.sidebar-search-input:focus{border-color:var(--primary-accent);background-color:var(--card-bg)}.sidebar-search-input::placeholder{color:var(--text-muted,#94a3b8)}.sidebar-search-clear-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px 4px;font-size:.75rem;line-height:1;display:flex;position:absolute;right:8px}.sidebar-search-clear-btn:hover{color:var(--text-primary,#0f172a);background-color:var(--hover-bg,#e2e8f0)}.chat-items-scroll,.channel-items-scroll,.contact-items-scroll{flex-direction:column;flex:1;gap:4px;padding:8px 12px;display:flex;overflow-y:auto}.chat-list-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.chat-list-item:hover{background-color:var(--hover-bg);border-color:var(--card-border)}.chat-list-item.selected{background-color:#0284c714;border-color:#0284c74d}.dark-theme .chat-list-item.selected{background-color:#202c33;border-color:#0000}.chat-item-avatar{flex-shrink:0;position:relative}.channel-icon-hash-badge{width:40px;height:40px;color:var(--primary-accent,#38bdf8);background:#38bdf824;border:1px solid #38bdf833;border-radius:12px;justify-content:center;align-items:center;font-size:1.15rem;font-weight:800;display:flex}.mute-icon-indicator{opacity:.75;margin-left:4px;font-size:.8rem}.chat-item-content{flex:1;min-width:0}.chat-item-header{align-items:baseline;margin-bottom:4px;display:flex}.chat-item-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.chat-item-time{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.chat-item-footer{align-items:center;gap:8px;display:flex}.chat-item-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.825rem;overflow:hidden}.chat-item-meta-right{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:6px;min-width:55px;margin-left:auto;display:flex}.chat-item-badges{justify-content:flex-end;align-items:center;gap:6px;height:18px;display:flex}.unread-badge{background:var(--primary-accent);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex}.message-state-indicators{gap:4px;margin-top:3px;font-size:.8rem;display:flex}.message-action-active{background:#38bdf829}.saved-messages-list{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.saved-message-item{border:1px solid var(--card-border);background:var(--card-bg);width:100%;color:var(--text-main);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 14px;transition:all .15s;display:flex;box-shadow:0 1px 3px #00000005}.saved-message-item:hover{border-color:var(--primary-accent)}.saved-message-item span,.saved-message-item small{text-overflow:ellipsis;max-width:100%;overflow:hidden}.pinned-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0f172a7a;justify-content:center;align-items:center;padding:16px;animation:.18s cubic-bezier(.16,1,.3,1) pinnedModalFadeIn;display:flex;position:fixed;inset:0}@keyframes pinnedModalFadeIn{0%{opacity:0}to{opacity:1}}.pinned-modal-dialog{background:var(--card-bg);border:1px solid var(--card-border,#e2e8f0);border-radius:16px;flex-direction:column;width:min(500px,100vw - 32px);max-height:min(580px,100vh - 48px);animation:.2s cubic-bezier(.16,1,.3,1) pinnedModalScaleIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes pinnedModalScaleIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.pinned-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--card-bg);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.pinned-modal-header-left{align-items:center;gap:12px;min-width:0;display:flex}.pinned-modal-icon-badge{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pinned-modal-title-group{flex-direction:column;min-width:0;display:flex}.pinned-modal-title-row{align-items:center;gap:8px;display:flex}.pinned-modal-title{color:var(--text-main,#0f172a);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}.pinned-modal-count-pill{color:#0284c7;background:#e0f2fe;border-radius:12px;justify-content:center;align-items:center;padding:1px 7px;font-size:.72rem;font-weight:700;line-height:1.4;display:inline-flex}.pinned-modal-subtitle{color:var(--text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.78rem;overflow:hidden}.pinned-modal-close-btn{width:32px;height:32px;color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;transition:all .15s;display:flex}.pinned-modal-close-btn:hover{background:var(--hover-bg);color:var(--text-main);border-color:var(--card-border)}.pinned-modal-body{background:var(--bg-color);flex:1;padding:14px 18px;overflow-y:auto}.pinned-modal-body::-webkit-scrollbar{width:6px}.pinned-modal-body::-webkit-scrollbar-track{background:0 0}.pinned-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.pinned-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pinned-cards-list{flex-direction:column;gap:10px;display:flex}.pinned-message-card{border:1px solid var(--card-border,#e2e8f0);background:var(--card-bg);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;transition:all .16s;display:flex;box-shadow:0 1px 3px #00000008}.pinned-message-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb14}.pinned-message-card.is-deleted{cursor:default;opacity:.6}.pinned-message-card.is-deleted:hover{border-color:var(--card-border,#e2e8f0);transform:none;box-shadow:0 1px 3px #00000008}.pinned-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.pinned-card-sender-info{align-items:center;gap:8px;min-width:0;display:flex}.pinned-card-sender-names{align-items:baseline;gap:6px;min-width:0;line-height:1.25;display:flex}.pinned-card-sender-name{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.pinned-card-message-time{color:var(--text-secondary,#94a3b8);white-space:nowrap;font-size:.74rem}.pinned-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-pinned-action-jump{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-pinned-action-jump:hover{color:#fff;background:#2563eb;border-color:#2563eb}.btn-pinned-action-unpin{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-pinned-action-unpin:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.pinned-card-content{color:var(--text-main,#334155);word-break:break-word;font-size:.88rem;line-height:1.45}.pinned-card-message-text{white-space:pre-wrap;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.pinned-card-deleted-text{color:var(--text-muted);font-size:.84rem;font-style:italic}.pinned-card-attachments{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.pinned-card-attachment-chip{background:var(--hover-bg);border:1px solid var(--card-border);color:var(--text-muted);border-radius:6px;align-items:center;gap:5px;max-width:220px;padding:4px 8px;font-size:.76rem;display:inline-flex}.attachment-chip-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pinned-card-poll-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:6px;margin-top:4px;padding:4px 10px;font-size:.78rem;font-weight:500;display:inline-flex}.pinned-card-footer{border-top:1px dashed #f1f5f9;align-items:center;padding-top:6px;display:flex}.pinned-card-meta{color:var(--text-muted);align-items:center;gap:5px;font-size:.72rem;display:inline-flex}.pinned-card-meta strong{color:#334155}.pinned-empty-state{text-align:center;background:var(--card-bg);border:1px dashed var(--card-border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex}.pinned-empty-icon{background:var(--hover-bg);width:48px;height:48px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.pinned-empty-title{color:var(--text-main);margin:0 0 4px;font-size:.96rem;font-weight:600}.pinned-empty-desc{color:var(--text-muted);max-width:280px;margin:0;font-size:.8rem;line-height:1.4}.pinned-skeleton-list{flex-direction:column;gap:10px;display:flex}.pinned-skeleton-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.pinned-skeleton-header{align-items:center;gap:8px;display:flex}.skeleton-circle{background:#e2e8f0;border-radius:50%;width:28px;height:28px;animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-bar{background:#e2e8f0;border-radius:4px;height:10px;animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-bar.short{width:100px}.skeleton-bar.medium{width:60%}.skeleton-bar.long{width:90%}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}.pinned-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--card-bg);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.pinned-modal-hint{color:var(--text-secondary,#94a3b8);font-size:.74rem}.btn-pinned-modal-close{background:var(--hover-bg);color:#334155;border:1px solid var(--card-border);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s}.btn-pinned-modal-close:hover{color:var(--text-main);background:#e2e8f0}@media (width<=640px){.pinned-modal-dialog{border-radius:14px;width:calc(100vw - 20px);max-height:calc(100vh - 32px)}.pinned-modal-header{padding:14px 16px}.pinned-modal-body{padding:12px 14px}.pinned-modal-footer{padding:10px 16px}.pinned-modal-hint{display:none}.btn-pinned-modal-close{width:100%}.pinned-card-actions{gap:4px}}.chat-window-container{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.chat-window-header{background-color:var(--card-bg);border-bottom:1px solid var(--card-border);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.chat-header-left{align-items:center;gap:12px;display:flex}.btn-back-mobile{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.back-icon{width:20px;height:20px}@media (width<=640px){.btn-back-mobile{display:block}}.chat-header-info{flex-direction:column;display:flex}.chat-header-name{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.chat-header-status{color:var(--text-muted);font-size:.75rem}.chat-header-actions{align-items:center;gap:8px;display:flex}.header-actions-group{align-items:center;gap:8px;display:flex;position:relative}.header-menu-container{align-items:center;display:flex;position:relative}.btn-icon-action{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .18s;display:inline-flex}.btn-icon-action:hover{background:var(--hover-bg,#0000000a);border-color:var(--card-border);color:var(--primary-accent)}.btn-icon-action:active{transform:scale(.95)}.btn-icon-action svg{width:18px;height:18px;display:block}.conversation-menu{z-index:100;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;flex-direction:column;gap:2px;min-width:190px;padding:6px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px #0000001a}.conversation-menu-item{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.conversation-menu-item:hover{background:var(--hover-bg);color:var(--primary-accent)}.conv-menu-icon{justify-content:center;align-items:center;font-size:.95rem;display:inline-flex}.message-list-container{background-color:var(--stage-bg);flex-direction:column;flex:1;min-height:0;padding:12px 16px 8px;display:flex;overflow-y:auto}.messages-stream{flex-direction:column;gap:0;margin-top:auto;display:flex}.message-date-divider{justify-content:center;align-items:center;margin:8px 0 4px;display:flex;position:relative}.message-date-divider:before{content:"";background-color:var(--card-border);z-index:1;height:1px;position:absolute;left:0;right:0}.message-date-divider span{z-index:2;background-color:var(--card-bg);color:var(--text-muted);border:1px solid var(--card-border);border-radius:12px;padding:2px 14px;font-size:.725rem;font-weight:600;position:relative}.message-bubble-wrapper{align-items:flex-start;gap:8px;max-width:75%;margin-top:6px;display:flex;position:relative}.message-bubble-wrapper.consecutive-message{margin-top:2px}.message-bubble-wrapper.own-wrapper{flex-direction:row-reverse;margin-left:auto}.message-bubble-wrapper.other-wrapper{margin-right:auto}.message-avatar-container{flex-shrink:0;justify-content:center;width:28px;min-width:28px;margin-top:2px;display:flex}.message-avatar-container.avatar-hidden{visibility:hidden;height:0}.message-bubble{border-radius:var(--radius-lg);word-break:break-word;flex-direction:column;gap:0;min-width:60px;padding:4px 8px 2px;font-size:.925rem;line-height:1.35;display:flex;position:relative}.message-bubble.message-own{color:var(--text-main);background:#0284c71a;border-bottom-right-radius:2px;font-weight:400}.message-bubble.message-other{background-color:var(--card-bg);color:var(--text-main);border:1px solid var(--card-border);border-bottom-left-radius:2px;box-shadow:0 1px 3px #00000008}.dark-theme .message-bubble.message-own{color:#f8fafc;background:#0284c7}.dark-theme .message-bubble.message-other{color:#e9edef;background-color:#202c33;border:none}.message-sender-name{color:var(--primary-accent);margin-bottom:2px;font-size:.75rem;font-weight:700}.message-text{word-break:break-word;margin:0;line-height:1.35}.message-text strong,.message-text b{font-weight:600;line-height:inherit;display:inline}.message-text em,.message-text i{font-style:italic;line-height:inherit;display:inline}.message-text u{text-underline-offset:2px;line-height:inherit;text-decoration:underline;display:inline}.message-time{opacity:.65;white-space:nowrap;font-size:.62rem;line-height:1}.message-input-form{background-color:var(--card-bg);border-top:1px solid var(--card-border);z-index:10;flex-shrink:0;padding:12px 20px 16px;position:sticky;bottom:0}.composer-formatting-toolbar{align-items:center;gap:6px;padding:0 4px 6px;display:flex}.btn-format-toolbar{width:28px;height:28px;color:var(--text-secondary,#64748b);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;font-size:.92rem;transition:all .15s;display:inline-flex}.btn-format-toolbar:hover:not(:disabled){color:var(--text-main,#0f172a);border-color:var(--card-border);background-color:#e2e8f0}.btn-format-toolbar.active{box-shadow:0 1px 3px #2563eb4d;color:#fff!important;background-color:#2563eb!important;border-color:#1d4ed8!important}.btn-format-toolbar.active:hover:not(:disabled){color:#fff!important;background-color:#1d4ed8!important;border-color:#1e40af!important}.btn-format-toolbar:active:not(:disabled){transform:scale(.95)}.btn-format-toolbar:disabled{opacity:.4;cursor:not-allowed}.btn-format-toolbar.format-bold strong{font-family:inherit;font-weight:700}.btn-format-toolbar.format-italic em{font-family:Georgia,serif;font-style:italic}.btn-format-toolbar.format-underline u{text-underline-offset:3px;text-decoration:underline}.message-input-wrapper{background-color:var(--hover-bg);border:1px solid var(--card-border);border-radius:24px;align-items:center;gap:10px;padding:6px 8px 6px 14px;transition:all .2s;display:flex}.message-input-wrapper:focus-within{background-color:var(--card-bg);border-color:var(--primary-accent);box-shadow:0 0 0 3px #0284c71f}.dark-theme .message-input-wrapper{background-color:#2a3942;border-color:#0000}.dark-theme .message-input-wrapper:focus-within{box-shadow:none;background-color:#202c33;border-color:#38bdf8}.message-rich-editor,.message-textarea{color:var(--text-main);resize:none;word-break:break-word;white-space:pre-wrap;background:0 0;flex:1;min-height:20px;max-height:120px;padding:8px 0;font-family:inherit;font-size:.95rem;line-height:1.4;position:relative;overflow-y:auto;box-shadow:none!important;border:none!important;outline:none!important}.message-rich-editor:focus,.message-rich-editor:focus-visible,.message-textarea:focus,.message-textarea:focus-visible{box-shadow:none!important;outline:none!important}.message-rich-editor *{font-size:inherit!important;font-family:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;vertical-align:baseline!important;box-sizing:border-box!important;margin:0!important;padding:0!important}.message-rich-editor div,.message-rich-editor p{display:inline;line-height:inherit!important;font-size:inherit!important;margin:0!important;padding:0!important}.message-rich-editor b,.message-rich-editor strong{font-weight:700;line-height:inherit!important;font-size:inherit!important}.message-rich-editor i,.message-rich-editor em{font-style:italic;line-height:inherit!important;font-size:inherit!important}.message-rich-editor u{text-decoration:underline;line-height:inherit!important;font-size:inherit!important}.message-rich-editor span,.message-rich-editor font{line-height:inherit!important;font-size:inherit!important;margin:0!important;padding:0!important}.message-rich-editor[data-empty=true]:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:inherit;font-size:.95rem;line-height:1.4;position:absolute;top:8px;left:0;overflow:hidden}.message-rich-editor[contenteditable=false]{opacity:.6;cursor:not-allowed}.btn-send-message{background:var(--primary-gradient);width:38px;height:38px;color:var(--text-main);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-send-message:hover:not(:disabled){transform:scale(1.05)}.btn-send-message:disabled{opacity:.4;cursor:not-allowed}.send-icon{width:18px;height:18px;margin-left:2px}.saved-messages-page{background-color:var(--stage-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.saved-messages-header{border-bottom:1px solid var(--card-border);background:var(--card-bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.saved-page-title-group{flex-direction:column;gap:2px;display:flex}.saved-page-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--primary-accent);font-size:.72rem;font-weight:700}.saved-page-heading{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:800}.saved-search-bar{flex:1;max-width:320px}.saved-messages-list{flex-direction:column;flex:1;gap:8px;padding:16px 20px;display:flex;overflow-y:auto}.saved-message-item{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:8px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.saved-message-item:hover{background:var(--hover-bg);border-color:var(--primary-accent);transform:translateY(-1px)}.saved-message-meta{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.saved-sender-name{color:var(--text-main);font-size:.9rem;font-weight:700}.saved-location-tag{color:var(--text-muted);background:var(--hover-bg);border-radius:10px;padding:1px 8px;font-size:.75rem;font-weight:600}.saved-message-content{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%;font-size:.88rem;overflow:hidden}.saved-message-timestamp{color:var(--text-muted);font-size:.72rem}.saved-message-unavailable{opacity:.55;cursor:not-allowed}@media (width<=1024px){.message-bubble-wrapper{max-width:82%}}@media (width<=640px){.chat-window-header{height:56px;padding:0 12px}.chat-header-actions{gap:4px}.btn-icon-action{width:32px;height:32px}.chat-header-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.95rem;overflow:hidden}.message-bubble-wrapper{max-width:92%}.message-list-container{padding:10px 8px 8px}.message-input-form{padding:8px 10px 10px}.message-input-wrapper{gap:6px;padding:4px 8px 4px 10px}.messages-stream{gap:6px}}.chat-pinned-message-top-bar{z-index:15;-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #0284c726;justify-content:space-between;align-items:center;padding:8px 16px;transition:all .2s;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 2px 8px #00000008}.dark-theme .chat-pinned-message-top-bar{background:#1a1c22eb;border-bottom-color:#38bdf826}.pinned-bar-left{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pinned-bar-icon{width:26px;height:26px;color:var(--primary-accent,#0284c7);background:#0284c71a;border:1px solid #0284c733;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pinned-bar-text-group{flex-direction:column;gap:1px;min-width:0;display:flex}.pinned-bar-header-row{align-items:center;gap:6px;display:flex}.pinned-bar-title{color:var(--primary-accent,#0284c7);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.pinned-bar-sender{color:var(--text-muted,#64748b);font-size:.78rem;font-weight:600}.pinned-bar-snippet{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.pinned-bar-right-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-pinned-bar-all{color:var(--primary-accent,#0284c7);cursor:pointer;background:#0284c714;border:1px solid #0284c733;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .15s}.btn-pinned-bar-all:hover{background:#0284c726}.btn-pinned-bar-unpin{width:28px;height:28px;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-pinned-bar-unpin:hover{color:#dc2626;background:#ef44441a}.msg-state-pin-badge{color:var(--primary-accent,#0284c7);opacity:.85;justify-content:center;align-items:center;display:inline-flex}@media (width<=640px){.message-bubble,.message-bubble.message-own{max-width:90%!important}}.message-input-form{position:relative}.mention-autocomplete-menu{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);z-index:100;border-radius:12px;max-width:440px;margin-bottom:8px;animation:.15s cubic-bezier(.16,1,.3,1) mentionAppear;position:absolute;bottom:calc(100% - 4px);left:14px;right:14px;overflow:hidden;box-shadow:0 12px 28px -4px #0000002e,0 4px 10px -2px #00000014}@keyframes mentionAppear{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.mention-menu-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#9ca3af);background:var(--bg-subtle,#f9fafb);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.72rem;font-weight:700;display:flex}.mention-menu-tip{text-transform:none;opacity:.75;font-size:.68rem;font-weight:400}.mention-menu-items{max-height:220px;padding:4px 0;overflow-y:auto}.mention-menu-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 12px;transition:background .12s;display:flex}.mention-menu-item.active,.mention-menu-item:hover{background:#3b82f614}.mention-menu-item.mention-item-all.active,.mention-menu-item.mention-item-all:hover{background:#f59e0b1f}.mention-item-badge{background:var(--bg-muted,#f3f4f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.mention-all-icon{font-size:.95rem}.mention-item-avatar{object-fit:cover;width:100%;height:100%}.mention-avatar-initial{color:var(--text-secondary,#4b5563);font-size:.75rem;font-weight:700}.mention-item-details{flex-direction:column;flex:1;min-width:0;display:flex}.mention-item-label-row{align-items:center;gap:6px;display:flex}.mention-item-label{color:var(--text-primary,#111827);font-size:.85rem;font-weight:600}.mention-all-tag-badge{color:#b45309;background:#fef3c7;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700}.mention-item-subtitle{color:var(--text-muted,#9ca3af);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.mention-tag{color:#2563eb;background:#3b82f61f;border-radius:4px;margin:0 1px;padding:1px 6px;font-size:.92em;font-weight:600;display:inline-block}.mention-tag.mention-all-tag{color:#b45309;background:#f59e0b29;border:1px solid #f59e0b59;font-weight:700}.attach-dropdown-wrapper{align-items:center;display:flex;position:relative}.attach-menu-dropdown{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);z-index:100;border-radius:12px;min-width:250px;padding:6px;animation:.15s cubic-bezier(.16,1,.3,1) attachMenuPop;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 28px -4px #0000002e,0 4px 10px -2px #00000014}@keyframes attachMenuPop{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.attach-menu-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:8px 10px;transition:background .12s;display:flex}.attach-menu-item:hover{background:var(--bg-hover,#f3f4f6)}.attach-menu-item-icon{width:34px;height:34px;color:var(--text-secondary,#4b5563);background:#0000000d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.attach-menu-item-icon.poll-icon-accent{color:#2563eb;background:#2563eb1a}.attach-menu-item-text{flex-direction:column;display:flex}.attach-menu-item-title{color:var(--text-primary,#111827);font-size:.85rem;font-weight:600}.attach-menu-item-sub{color:var(--text-muted,#9ca3af);font-size:.72rem}.create-poll-modal-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;width:100%;max-width:500px;animation:.18s cubic-bezier(.16,1,.3,1) modalScaleUp;overflow:hidden;box-shadow:0 20px 40px -6px #00000040}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.create-poll-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:flex-start;padding:18px 22px 14px;display:flex}.create-poll-title-wrap{align-items:center;gap:12px;display:flex}.poll-icon-badge{background:#2563eb1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.create-poll-title{color:var(--text-primary,#111827);margin:0;font-size:1.15rem;font-weight:700}.create-poll-subtitle{color:var(--text-muted,#9ca3af);margin:2px 0 0;font-size:.78rem}.create-poll-form{flex-direction:column;gap:16px;padding:18px 22px 22px;display:flex}.create-poll-error-banner{color:#b91c1c;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:8px 12px;font-size:.82rem}.create-poll-field{flex-direction:column;gap:6px;display:flex}.create-poll-label{color:var(--text-secondary,#374151);font-size:.82rem;font-weight:600}.required-star{color:#ef4444;margin-left:2px}.create-poll-input{border:1px solid var(--border-color,#d1d5db);background:var(--bg-surface,#fff);width:100%;color:var(--text-primary,#111827);border-radius:8px;padding:9px 12px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.create-poll-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.create-poll-options-list{flex-direction:column;gap:8px;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.create-poll-option-row{align-items:center;gap:8px;display:flex}.create-poll-option-num{color:var(--text-muted,#9ca3af);text-align:center;flex-shrink:0;width:16px;font-size:.75rem;font-weight:700}.btn-remove-poll-option{width:28px;height:28px;color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:background .15s,color .15s;display:flex}.btn-remove-poll-option:hover{color:#ef4444;background:#ef44441a}.btn-add-poll-option{color:#2563eb;cursor:pointer;background:#2563eb14;border:1px dashed #2563eb59;border-radius:6px;align-self:flex-start;align-items:center;margin-top:4px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-add-poll-option:hover{background:#2563eb26;border-color:#2563eb}.create-poll-expiry-banner{color:#b45309;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.8rem;display:flex}.expiry-banner-icon{flex-shrink:0;font-size:1.15rem}.create-poll-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;display:flex}.btn-create-poll-cancel{border:1px solid var(--border-color,#d1d5db);color:var(--text-secondary,#4b5563);cursor:pointer;background:0 0;border-radius:8px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:all .15s}.btn-create-poll-cancel:hover{background:var(--bg-hover,#f3f4f6)}.btn-create-poll-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:9px 20px;font-size:.85rem;font-weight:600;transition:all .15s;box-shadow:0 2px 5px #2563eb40}.btn-create-poll-submit:hover:not(:disabled){background:#1d4ed8}.poll-card-container{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);cursor:pointer;text-align:left;border-radius:12px;width:100%;min-width:290px;max-width:440px;padding:14px 16px;transition:all .15s;box-shadow:0 2px 6px #00000008}.poll-card-container:hover{border-color:#2563eb59;box-shadow:0 4px 14px #0000000f}.poll-card-expired{opacity:.88;border-color:#0000001f}.poll-card-header{margin-bottom:12px}.poll-card-title-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.poll-header-badge{letter-spacing:.05em;color:#2563eb;background:#2563eb1a;border-radius:6px;align-items:center;gap:5px;padding:2px 7px;font-size:.68rem;font-weight:800;display:inline-flex}.poll-header-label{font-size:.7rem;font-weight:800}.poll-status-pill{text-transform:uppercase;border-radius:10px;padding:1px 7px;font-size:.65rem;font-weight:700}.poll-status-pill.active{color:#059669;background:#10b9811f}.poll-status-pill.expired{color:#4b5563;background:#9ca3af2e}.poll-question-text{color:var(--text-primary,#111827);margin:0;font-size:.95rem;font-weight:600;line-height:1.35}.poll-card-options-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.poll-option-row{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-subtle,#f9fafb);border-radius:8px;transition:all .15s;position:relative;overflow:hidden}.poll-option-row.user-voted-option{background:#2563eb0a;border-color:#2563eb66}.poll-option-fill{background:#2563eb26;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0}.poll-option-content{z-index:1;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.82rem;display:flex;position:relative}.poll-option-left{color:var(--text-primary,#111827);align-items:center;gap:6px;font-weight:500;display:flex}.poll-my-vote-check{color:#2563eb;font-size:.85rem;font-weight:800}.poll-option-count{color:var(--text-secondary,#4b5563);font-size:.75rem;font-weight:600}.poll-card-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;display:flex}.poll-footer-meta{flex-direction:column;gap:2px;display:flex}.poll-expiry-badge{color:var(--text-secondary,#4b5563);align-items:center;gap:5px;font-size:.72rem;font-weight:600;display:inline-flex}.poll-expiry-badge.is-expired{color:#ef4444}.poll-total-votes-count{color:var(--text-muted,#9ca3af);font-size:.68rem}.btn-poll-action-pill{color:#2563eb;cursor:pointer;background:#2563eb1a;border:1px solid #2563eb33;border-radius:20px;padding:4px 12px;font-size:.74rem;font-weight:700;transition:all .15s}.btn-poll-action-pill:hover{color:#fff;background:#2563eb}.poll-modal-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;width:100%;max-width:520px;animation:.18s cubic-bezier(.16,1,.3,1) modalScaleUp;overflow:hidden;box-shadow:0 20px 40px -6px #00000040}.poll-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:flex-start;padding:18px 22px 14px;display:flex}.poll-modal-title-wrap{align-items:flex-start;gap:12px;display:flex}.poll-modal-badge-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.poll-modal-question{color:var(--text-primary,#111827);margin:0;font-size:1.15rem;font-weight:700;line-height:1.35}.poll-modal-creator-meta{color:var(--text-muted,#9ca3af);margin:4px 0 0;font-size:.78rem}.poll-modal-expiry-banner{color:#1e40af;background:#2563eb0f;border:1px solid #2563eb33;border-radius:8px;align-items:center;gap:10px;margin:14px 22px 0;padding:10px 14px;font-size:.8rem;display:flex}.poll-modal-expiry-banner.expired{color:#b91c1c;background:#ef444414;border-color:#ef444440}.poll-modal-options-list{flex-direction:column;gap:10px;max-height:320px;padding:16px 22px;display:flex;overflow-y:auto}.poll-modal-option-card{border:1px solid var(--border-color,#e5e7eb);cursor:pointer;background:var(--bg-surface,#fff);border-radius:10px;padding:12px 14px;transition:all .15s}.poll-modal-option-card:hover:not(.disabled){background:#2563eb05;border-color:#2563eb66}.poll-modal-option-card.selected{background:#2563eb0a;border-color:#2563eb}.poll-modal-option-card.disabled{cursor:default;opacity:.85}.poll-modal-option-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.poll-radio-label{cursor:pointer;flex:1;align-items:center;gap:10px;display:flex}.poll-radio-input{accent-color:#2563eb;cursor:pointer;width:16px;height:16px}.poll-option-title{color:var(--text-primary,#111827);font-size:.88rem;font-weight:600}.poll-my-vote-tag{color:#2563eb;text-transform:uppercase;background:#2563eb1f;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700}.poll-option-tally{color:var(--text-secondary,#4b5563);font-size:.8rem;font-weight:600}.poll-modal-progress-track{background:var(--bg-muted,#f3f4f6);border-radius:3px;width:100%;height:6px;overflow:hidden}.poll-modal-progress-fill{background:#2563eb59;border-radius:3px;height:100%;transition:width .3s}.poll-modal-progress-fill.my-vote{background:#2563eb}.poll-modal-summary-row{color:var(--text-muted,#9ca3af);border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:0 22px 14px;font-size:.8rem;display:flex}.poll-expiry-bottom-note{color:var(--text-secondary,#4b5563);font-weight:600}.poll-modal-actions{justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px 18px;display:flex}.btn-poll-remove-vote{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:all .15s}.btn-poll-remove-vote:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.btn-poll-remove-vote:disabled{opacity:.6;cursor:not-allowed}.message-call-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;min-width:180px;margin:4px 0;padding:10px 14px;display:flex}.message-other .message-call-card{background:#00000008;border-color:#00000014}.call-card-icon-badge{color:#0284c7;background:#0284c726;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.call-card-icon-badge.call-missed{color:#ef4444;background:#ef444426}.call-card-details{flex-direction:column;gap:2px;display:flex}.call-card-title{font-size:.9rem;font-weight:600;line-height:1.2}.call-card-subtitle{opacity:.85;font-size:.78rem;font-weight:500}.call-card-subtitle.subtitle-missed{color:#ef4444;opacity:1;font-weight:600}.avatar-container{-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar-small{width:28px;height:28px;font-size:.75rem}.avatar-medium{width:42px;height:42px;font-size:.95rem}.avatar-large{width:56px;height:56px;font-size:1.25rem}.avatar-initials{color:#fff;text-shadow:0 1px 2px #0003;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.status-dot{border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.status-dot-online{background-color:#16a34a}.status-dot-offline{background-color:var(--text-muted)}.status-dot-away{background-color:#d97706}.search-bar-wrapper{align-items:center;width:100%;display:flex;position:relative}.search-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.search-input{background-color:var(--subpanel-bg,#f1f5f9);border:1px solid var(--card-border);width:100%;color:var(--text-main);box-shadow:none;border-radius:20px;outline:none;padding:8px 14px 8px 38px;font-family:inherit;font-size:.875rem;transition:border-color .2s,background-color .2s}.search-input:focus,.search-input:focus-visible{border-color:var(--primary-accent);background-color:var(--card-bg,#fff);box-shadow:none;outline:none}.channel-list-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.channel-list-item:hover{background-color:var(--hover-bg);border-color:var(--card-border)}.channel-list-item.selected{background-color:#0284c714;border-color:#0284c74d}.channel-icon-hash{width:36px;height:36px;color:var(--primary-accent);background:#0284c71a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.channel-item-details{flex:1;min-width:0}.channel-name-row{justify-content:space-between;align-items:baseline;min-width:0;margin-bottom:3px;display:flex}.channel-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.channel-members{color:var(--text-muted);font-size:.75rem}.channel-desc-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.channel-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.8rem;overflow:hidden}.contact-list-item{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 14px;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}.contact-list-item:hover{background-color:var(--hover-bg);border-color:var(--primary-accent);transform:translateY(-1px);box-shadow:0 3px 8px #0000000a}.contact-avatar-wrapper{flex-shrink:0}.contact-details{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.contact-name-row{align-items:center;gap:8px;display:flex}.contact-name{color:var(--text-main);font-size:.9rem;font-weight:700}.contact-status-text{text-transform:capitalize;font-size:.68rem;font-weight:600}.contact-status-text.status-online{color:#16a34a}.contact-status-text.status-offline{color:var(--text-muted)}.contact-status-text.status-away{color:#d97706}.contact-role{color:var(--text-muted);font-size:.76rem}.contact-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.btn-contact-action{background:var(--primary-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-contact-action:hover{opacity:.9}.msg-icon{width:14px;height:14px}.contacts-overview-stage{justify-content:center;align-items:center;height:100%;padding:32px;display:flex}.contacts-overview-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;max-width:480px;padding:32px;box-shadow:0 4px 16px #0000000a}.contacts-overview-card h3{color:var(--text-main);margin-bottom:10px;font-size:1.5rem;font-weight:800}.contacts-overview-card p{color:var(--text-muted);margin-bottom:24px;font-size:.95rem}.contacts-quick-summary{justify-content:center;gap:24px;display:flex}.summary-stat{background:var(--bg-color);border:1px solid var(--card-border);border-radius:10px;flex-direction:column;padding:14px 20px;display:flex}.stat-num{color:var(--primary-accent);font-size:1.5rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.empty-state-container{justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.empty-state-card{text-align:center;flex-direction:column;align-items:center;max-width:460px;display:flex}.empty-state-icon{width:72px;height:72px;color:var(--primary-accent);background:#38bdf81a;border:1px solid #38bdf833;border-radius:20px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.chat-empty-svg{width:36px;height:36px}.empty-state-title{color:var(--text-main);margin-bottom:10px;font-size:1.5rem;font-weight:800}.empty-state-text{color:var(--text-muted);margin-bottom:24px;font-size:.95rem;line-height:1.5}.empty-state-features{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.feature-pill{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-main);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0000000a}.feature-pill-btn{cursor:pointer;font-family:inherit;transition:all .2s}.feature-pill-btn:hover{background-color:var(--hover-bg);border-color:var(--primary-accent);transform:translateY(-1px);box-shadow:0 3px 8px #0284c71f}.feature-pill-btn:active{transform:translateY(0)}.feature-pill svg{color:var(--primary-accent)}.empty-filter-state{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:.85rem}.api-error-banner{color:#fca5a5;background:#ef444426;border-bottom:1px solid #ef44444d;justify-content:space-between;align-items:center;padding:8px 24px;font-size:.85rem;font-weight:600;display:flex}.btn-dismiss-error{color:#fca5a5;cursor:pointer;background:0 0;border:none;font-size:1rem}.empty-messages-center{justify-content:center;align-items:center;display:flex}.empty-chat-box{text-align:center;max-width:320px}.empty-chat-icon{margin-bottom:12px;font-size:2.5rem;display:block}.empty-chat-title{color:var(--text-main);margin-bottom:6px;font-size:1.1rem;font-weight:700}.empty-chat-hint{color:var(--text-muted);font-size:.85rem}.typing-indicator-bar{align-items:center;min-height:28px;padding:4px 24px;display:flex}.typing-bubble{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;align-items:center;gap:6px;padding:4px 12px;animation:.2s ease-in-out fadeIn;display:inline-flex;box-shadow:0 2px 6px #0000000f}.typing-text{color:var(--primary-accent);letter-spacing:.01em;font-size:.76rem;font-weight:600}.typing-dot{background-color:var(--primary-accent);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sub-header-title-group{align-items:center;gap:8px;display:flex}.btn-create-channel-inline{color:var(--primary-accent);cursor:pointer;background:#38bdf826;border:1px solid #38bdf84d;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700;transition:all .2s}.btn-create-channel-inline:hover{background:var(--primary-accent);color:var(--text-main)}.channel-header-hash{width:40px;height:40px;color:var(--primary-accent);background:#38bdf826;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;font-weight:800;display:flex}.channel-title-row{align-items:center;gap:8px;display:flex}.private-badge{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:700}.btn-channel-members{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #0000000a}.btn-channel-members:hover,.btn-channel-members.active{background:var(--hover-bg);border-color:var(--card-border);color:var(--primary-accent)}.btn-join-channel{background:var(--primary-gradient);color:var(--text-main);cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:opacity .2s}.btn-join-channel:hover{opacity:.9}.btn-leave-channel{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-leave-channel:hover{color:#fff;background:#ef4444}.channel-main-content-layout{flex:1;height:calc(100% - 65px);display:flex;position:relative;overflow:hidden}.channel-messages-wrapper{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.non-member-banner-stage{justify-content:center;align-items:center;height:100%;padding:32px;display:flex}.non-member-card{text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;max-width:480px;padding:40px 32px;display:flex}.non-member-card h2{color:var(--text-main);margin-top:16px;margin-bottom:8px;font-size:1.6rem;font-weight:800}.non-member-card p{color:var(--text-muted);margin-bottom:24px;font-size:.95rem;line-height:1.5}.btn-join-channel-large{background:var(--primary-accent);color:#fff;border:1px solid var(--primary-accent);border-radius:var(--radius-md);cursor:pointer;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-join-channel-large:hover:not(:disabled){opacity:.88}.btn-join-channel-large:disabled{opacity:.5;cursor:not-allowed}.channel-members-sidebar{background:var(--card-bg);border-left:1px solid var(--card-border);flex-direction:column;flex-shrink:0;width:260px;animation:.2s ease-in-out slideInRight;display:flex}.members-sidebar-header{border-bottom:1px solid var(--card-border);background:var(--subpanel-bg);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.members-sidebar-header h4{color:var(--text-main);letter-spacing:-.01em;font-size:.85rem;font-weight:700}.btn-close-members{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:1.1rem;line-height:1;transition:all .2s}.btn-close-members:hover{color:var(--text-main);background:var(--hover-bg)}.members-sidebar-list{flex-direction:column;gap:6px;padding:12px;display:flex;overflow-y:auto}.channel-member-item{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .2s;display:flex}.channel-member-item:hover{background-color:var(--hover-bg)}.channel-member-info{flex-direction:column;min-width:0;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;width:100%;max-width:480px;animation:.2s ease-out fadeIn;overflow:hidden;box-shadow:0 20px 40px #0003}.modal-header{border-bottom:1px solid var(--card-border);background:var(--card-bg);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title-group{align-items:center;gap:10px;display:flex}.modal-hash-icon{width:32px;height:32px;color:var(--primary-accent);background:#38bdf826;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.modal-title{color:var(--text-main);font-size:1.25rem;font-weight:700}.btn-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.25rem;transition:color .15s}.btn-modal-close:hover{color:var(--text-main)}.modal-error-box{color:#dc2626;background:#ef44441a;border-left:3px solid #ef4444;padding:10px 24px;font-size:.85rem}.modal-form{background:var(--card-bg);flex-direction:column;gap:18px;padding:24px;display:flex}.label-optional{color:var(--text-muted);font-size:.75rem;font-weight:400}.input-with-hash{align-items:center;display:flex;position:relative}.input-hash-prefix{color:var(--primary-accent);font-size:1rem;font-weight:800;position:absolute;left:12px}.modal-input{background:var(--bg-color);border:1px solid var(--card-border);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:border-color .2s,background-color .2s,box-shadow .2s}.modal-input:focus{background:var(--card-bg);border-color:var(--primary-accent)}.modal-textarea{background:var(--bg-color);border:1px solid var(--card-border);width:100%;color:var(--text-main);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s,background-color .2s,box-shadow .2s}.modal-textarea:focus{background:var(--card-bg);border-color:var(--primary-accent)}.form-hint{color:var(--text-muted);font-size:.75rem}.checkbox-group{padding:4px 0}.checkbox-label{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-accent);margin-top:4px}.checkbox-text{color:var(--text-main);flex-direction:column;font-size:.9rem;display:flex}.checkbox-text small{color:var(--text-muted);font-size:.75rem}.modal-actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.btn-modal-secondary{background:var(--bg-color);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:9px 18px;font-weight:600;transition:all .2s}.btn-modal-secondary:hover{background:var(--hover-bg);color:var(--text-main);border-color:var(--primary-accent)}.btn-modal-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-weight:700;transition:opacity .2s}.btn-modal-primary:hover{opacity:.9;opacity:.9}.notification-bell-container{align-items:center;display:inline-flex;position:relative}.notif-badge-pill{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:18px;padding:2px 6px;font-size:.7rem;font-weight:800;animation:2s ease-in-out infinite pulseGlow;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #ef444466}@keyframes pulseGlow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown-panel{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);z-index:1000;border-radius:12px;flex-direction:column;width:300px;max-width:calc(100vw - 24px);animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 8px 24px -4px #0000001f,0 3px 8px -2px #0000000f}.chat-list-container .btn-icon-header{border-radius:8px;width:30px;height:30px}.chat-list-container .btn-icon-header svg{width:15px;height:15px}.chat-list-container .notification-dropdown-panel{z-index:1050;width:300px;max-width:calc(100vw - 24px);left:auto;right:0}.notif-dropdown-header{border-bottom:1px solid var(--card-border,#e2e8f0);background:var(--card-bg,#fff);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.notif-header-title-group{align-items:center;gap:8px;display:flex}.notif-title{color:var(--text-main,#0f172a);font-size:.95rem;font-weight:700}.notif-count-badge{color:var(--primary-accent,#0284c7);background:#0284c71a;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:700}.btn-mark-all-read{color:var(--primary-accent,#0284c7);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.78rem;font-weight:600;transition:all .2s}.btn-mark-all-read:hover{background:var(--hover-bg,#f1f5f9);color:#0369a1;text-decoration:none}.notif-items-scroll{flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.notif-items-scroll::-webkit-scrollbar{width:6px}.notif-items-scroll::-webkit-scrollbar-track{background:0 0}.notif-items-scroll::-webkit-scrollbar-thumb{background:var(--card-border,#cbd5e1);border-radius:3px}.notif-single-body{flex-direction:column;display:flex}.notif-footer-hint{color:var(--primary-accent,#0284c7);border-top:1px solid var(--card-border,#e2e8f0);text-align:center;cursor:default;-webkit-user-select:none;user-select:none;background:#0284c70a;padding:8px 14px;font-size:.75rem;font-weight:600}.notif-item{border-bottom:1px solid var(--card-border,#e2e8f0);cursor:pointer;background-color:var(--card-bg,#fff);align-items:flex-start;gap:12px;padding:12px 18px;transition:background-color .15s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background-color:var(--hover-bg,#f8fafc)}.notif-item.unread{background-color:#f0f9ff}.notif-item.unread:hover{background-color:#e0f2fe}.notif-item.read{opacity:.9}.notif-avatar-wrapper{flex-shrink:0;margin-top:2px;position:relative}.notif-badge-mention{color:#fff;border:2px solid var(--card-bg,#fff);background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.62rem;font-weight:800;display:flex;position:absolute;bottom:-3px;right:-3px;box-shadow:0 1px 3px #0000001a}.notif-badge-channel{background:var(--primary-accent,#0284c7);color:#fff;border:2px solid var(--card-bg,#fff);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.62rem;font-weight:800;display:flex;position:absolute;bottom:-3px;right:-3px;box-shadow:0 1px 3px #0000001a}.notif-content-wrapper{flex:1;min-width:0}.notif-top-row{justify-content:space-between;align-items:baseline;margin-bottom:3px;display:flex}.notif-sender{color:var(--text-main,#0f172a);font-size:.85rem;font-weight:600}.notif-time{color:var(--text-muted,#64748b);flex-shrink:0;font-size:.72rem}.notif-text{color:#334155;word-break:break-word;margin:0;font-size:.8125rem;line-height:1.45}.notif-item.read .notif-text{color:var(--text-muted,#64748b)}.notif-unread-dot{background-color:var(--primary-accent,#0284c7);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px;box-shadow:0 0 0 2px #0284c733}.notif-empty-state{text-align:center;color:var(--text-muted,#64748b);background:var(--card-bg,#fff);flex-direction:column;align-items:center;gap:10px;padding:40px 16px;display:flex}.notif-empty-icon{opacity:.5;font-size:2rem}.notif-empty-state p{color:var(--text-muted,#64748b);margin:0;font-size:.875rem}.btn-attach-file{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-attach-file svg{width:20px;height:20px}.btn-attach-file:hover:not(:disabled){color:var(--primary-accent);background:#38bdf81a}.btn-attach-file:disabled{opacity:.4;cursor:not-allowed}.file-preview-strip{background:var(--bg-color);border-top:1px solid var(--card-border);border-left:1px solid var(--card-border);border-right:1px solid var(--card-border);border-top-left-radius:12px;border-top-right-radius:12px;flex-wrap:wrap;gap:8px;max-height:120px;padding:8px 12px;display:flex;overflow-y:auto}.file-preview-chip{background:var(--card-bg);border:1px solid var(--card-border,#e2e8f0);border-radius:8px;align-items:center;gap:8px;max-width:220px;padding:4px 8px;display:inline-flex;box-shadow:0 2px 6px #0003}.file-preview-thumbnail{object-fit:cover;border:1px solid var(--card-border);border-radius:6px;width:32px;height:32px}.file-preview-doc-badge{color:var(--primary-accent);text-transform:uppercase;background:#38bdf826;border-radius:6px;padding:4px 6px;font-size:.65rem;font-weight:800}.file-preview-info{flex-direction:column;flex:1;min-width:0;display:flex}.file-preview-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.file-preview-size{color:var(--text-muted);font-size:.68rem}.file-preview-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.85rem;transition:all .2s}.file-preview-remove:hover{color:#ef4444;background:#ef444426}.message-attachments-container{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.message-image-wrapper{border-radius:10px;max-width:380px;position:relative;overflow:hidden}.image-download-btn{color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .2s,background .2s;display:flex;position:absolute;top:8px;right:8px}.message-image-wrapper:hover .image-download-btn{opacity:1}.image-download-btn:hover{background:#000000d9}.image-attachment-link{cursor:zoom-in;transition:opacity .2s;display:block}.image-attachment-link:hover{opacity:.92}.message-image-attachment{object-fit:cover;border-radius:10px;width:100%;max-height:280px;display:block}.message-file-card{background:#ffffffd9;border:1px solid #0000001a;border-radius:10px;align-items:center;gap:12px;min-width:200px;max-width:320px;padding:8px 12px;transition:border-color .2s,background-color .2s;display:flex}.message-file-card:hover{background:var(--card-bg);border-color:#0003}.file-card-icon-badge{color:var(--primary-accent);text-transform:uppercase;background:#38bdf826;border-radius:8px;flex-shrink:0;padding:6px 8px;font-size:.72rem;font-weight:800}.file-card-details{flex-direction:column;flex:1;min-width:0;display:flex}.file-card-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.file-card-size{color:var(--text-muted);font-size:.72rem}.btn-file-download{color:var(--primary-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-file-download svg{width:18px;height:18px}.btn-file-download:hover{background:#38bdf833;transform:translateY(-1px)}.input-file-error-banner{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}.btn-dismiss-file-error{color:#fca5a5;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.85rem}.send-spinner{border:2px solid #0f172a4d;border-top-color:var(--text-main);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.header-center{flex:1;max-width:480px;position:relative}.search-dropdown-menu{border:1px solid var(--card-border);z-index:1000;background:#0f172a;border-radius:12px;flex-direction:column;max-height:480px;animation:.2s cubic-bezier(.16,1,.3,1) slideDownFade;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 16px 36px #00000080,0 0 0 1px #38bdf826}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-dropdown-header{border-bottom:1px solid var(--card-border);background:#1e293b;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.search-category-tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.search-tab-pill{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.search-tab-pill:hover{color:var(--text-main);background:#ffffff0d}.search-tab-pill.active{color:var(--primary-accent);background:#38bdf826;border-color:#38bdf84d}.btn-close-search-dropdown{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:.9rem;transition:color .2s}.btn-close-search-dropdown:hover{color:var(--text-main)}.search-dropdown-body{max-height:400px;padding:8px;overflow-y:auto}.search-status-message{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:.85rem;display:flex}.search-spinner{border:2px solid #38bdf833;border-top-color:var(--primary-accent);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.search-section{margin-bottom:12px}.search-section-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;padding:6px 8px 4px;font-size:.7rem;font-weight:800}.search-result-item{cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;transition:background-color .15s;display:flex}.search-result-item:hover{background-color:var(--text-main)}.search-item-info{flex:1;min-width:0}.search-item-header{align-items:center;gap:6px;margin-bottom:2px;display:flex}.search-item-sender{color:var(--text-main);font-size:.82rem;font-weight:700}.search-item-context{color:var(--primary-accent);background:#38bdf81a;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:600}.search-item-time{color:var(--text-muted);margin-left:auto;font-size:.7rem}.search-item-snippet{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1.35;overflow:hidden}.search-highlight{color:#fef08a;background:#f59e0b4d;border-radius:3px;padding:1px 3px;font-weight:600}.search-file-badge{color:var(--primary-accent);text-transform:uppercase;background:#38bdf826;border-radius:6px;flex-shrink:0;padding:6px 8px;font-size:.65rem;font-weight:800}.search-file-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.search-item-meta{color:var(--text-muted);font-size:.72rem}.search-channel-hash{color:var(--primary-accent);font-size:1.1rem;font-weight:800;line-height:1}.search-channel-name{color:var(--text-main);font-size:.85rem;font-weight:700}.search-badge-private{color:#fca5a5;background:#ef444426;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:.65rem;font-weight:700}.search-user-name{color:var(--text-main);font-size:.85rem;font-weight:700}.search-user-email{color:var(--text-muted);font-size:.72rem}.highlighted-message-wrapper{position:relative}.message-highlight-pulse{animation:3s ease-out messagePulseGlow;border:1px solid var(--primary-accent)!important}@keyframes messagePulseGlow{0%{background-color:#38bdf833;box-shadow:0 0 #38bdf8b3}50%{background-color:#38bdf826;box-shadow:0 0 16px 4px #38bdf866}to{box-shadow:0 0 #38bdf800}}.reply-target-wrapper{position:relative}.reply-target-wrapper:before{content:"";background:var(--primary-accent,#0284c7);border-radius:2px;width:3px;animation:.2s ease-out replyAccentFade;position:absolute;top:4px;bottom:4px;left:-4px}.reply-target-wrapper.own-wrapper:before{left:auto;right:-4px}@keyframes replyAccentFade{0%{opacity:0;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1)}}.message-bubble.message-other.message-reply-target{background-color:#e0f2fe;border-color:#0284c74d;box-shadow:0 0 0 2px #0284c71a}.message-bubble.message-own.message-reply-target{filter:brightness(1.12);box-shadow:0 0 0 2px #ffffff40}.load-older-container{justify-content:center;padding:10px 0;display:flex}.btn-load-older-messages{border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;background:#1e293b;border-radius:20px;padding:6px 16px;font-size:.78rem;font-weight:600;transition:all .2s}.btn-load-older-messages:hover:not(:disabled){color:var(--primary-accent);background:#38bdf81a;border-color:#38bdf866}.btn-load-older-messages:disabled{opacity:.6;cursor:not-allowed}.nav-admin-btn{color:var(--primary-accent);border-left:2px solid #0000}.nav-admin-btn:hover{color:var(--primary-accent);background:#0284c714}.nav-admin-btn.active{border-left-color:var(--primary-accent);color:var(--primary-accent);background:#0284c71f}.admin-sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--card-border)}.admin-brand .admin-shield-icon{background:var(--primary-gradient);color:#fff}.btn-back-chat{color:var(--text-muted);border:1px solid var(--card-border);background:0 0;border-radius:8px;margin-top:8px;padding:8px 12px;transition:all .2s}.btn-back-chat:hover{background:var(--hover-bg);color:var(--text-main)}.admin-header{background-color:var(--card-bg);border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.admin-status-badge{color:var(--primary-accent);text-transform:uppercase;letter-spacing:.5px;background:#0284c71a;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.btn-switch-workspace{background:var(--hover-bg);border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.btn-switch-workspace:hover{background:var(--active-bg);color:var(--text-main)}.btn-admin-logout{color:#dc2626;cursor:pointer;background:#dc262614;border:1px solid #dc262640;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.btn-admin-logout:hover{color:#b91c1c;background:#dc262626}.admin-dashboard-body{background-color:var(--bg-color);color:var(--text-main);flex:1;padding:24px 32px;overflow-y:auto}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:24px;display:grid}.admin-stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 8px #0000000a}.admin-stat-card:hover{border-color:#0284c74d;transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:700}.stat-card-icon{width:36px;height:36px;color:var(--primary-accent);background:#0284c714;border:1px solid #0284c726;border-radius:8px;justify-content:center;align-items:center;display:flex}.stat-card-value{color:var(--text-main);margin-bottom:6px;font-size:2rem;font-weight:800;line-height:1.1}.stat-card-sub{color:var(--text-muted);font-size:.76rem}.stat-blue,.stat-purple,.stat-green,.stat-teal,.stat-amber,.stat-rose{border-top:3px solid var(--primary-accent)}.admin-stat-card.skeleton{background:var(--hover-bg);min-height:112px;animation:1.5s ease-in-out infinite skeletonPulse}.admin-quick-actions-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin-top:24px;padding:24px}.admin-quick-actions-card h3{color:var(--text-main);margin-bottom:16px;font-size:1rem;font-weight:700}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.btn-quick-nav{background:var(--subpanel-bg);border:1px solid var(--card-border);text-align:left;color:var(--text-main);cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.btn-quick-nav:hover{background:var(--hover-bg);border-color:#0284c766;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.quick-icon{flex-shrink:0;font-size:1.4rem}.quick-text strong{color:var(--text-main);margin-bottom:3px;font-size:.92rem;font-weight:700;display:block}.quick-text span{color:var(--text-muted);font-size:.76rem;line-height:1.4;display:block}.admin-section-container{flex-direction:column;gap:18px;display:flex}.admin-control-bar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.admin-search-input-wrapper{background:var(--subpanel-bg);border:1px solid var(--card-border);border-radius:8px;flex:1;align-items:center;gap:10px;min-width:240px;padding:6px 14px;transition:border-color .2s;display:flex}.admin-search-input-wrapper:focus-within{border-color:var(--primary-accent);box-shadow:none}.admin-search-input{color:var(--text-main);background:0 0;width:100%;font-size:.85rem;box-shadow:none!important;border:none!important;outline:none!important}.admin-search-input:focus,.admin-search-input:focus-visible{box-shadow:none!important;outline:none!important}.admin-search-input::placeholder{color:var(--text-muted)}.admin-filter-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-select{background:var(--subpanel-bg);border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;border-radius:6px;outline:none;padding:7px 12px;font-size:.82rem;font-weight:500}.admin-select:focus{border-color:var(--primary-accent)}.checkbox-filter-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:.82rem;display:flex}.admin-alert-box{border-radius:8px;justify-content:space-between;align-items:center;padding:12px 18px;font-size:.85rem;font-weight:600;display:flex}.alert-error{color:#dc2626;background:#dc262614;border:1px solid #dc26264d}.dark-theme .alert-error{color:#fca5a5;background:#ef444426}.alert-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;font-weight:500}.dark-theme .alert-success{color:#6ee7b7;background:#10b98126}.btn-dismiss{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;font-size:1rem}.btn-dismiss:hover{opacity:1}.admin-table-wrapper{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.admin-table th{background:var(--subpanel-bg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--card-border);padding:14px 18px;font-size:.74rem;font-weight:700}.admin-table td{border-bottom:1px solid var(--card-border);color:var(--text-main);vertical-align:middle;padding:16px 18px}.admin-table th:first-child,.admin-table td:first-child{padding-left:24px}.admin-table th:last-child,.admin-table td:last-child{padding-right:24px}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--hover-bg)}.row-inactive{opacity:.55}.user-cell{align-items:center;gap:12px;display:flex}.badge-you{color:var(--primary-accent);background:#0284c71a;border:1px solid #0284c740;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.role-badge-select{cursor:pointer;background:var(--subpanel-bg);color:var(--text-main);border:1px solid #0000;border-radius:6px;outline:none;padding:4px 8px;font-size:.76rem;font-weight:700}.role-admin{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed4d}.dark-theme .role-admin{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf666}.role-user{background:var(--hover-bg);color:var(--text-muted);border-color:var(--card-border)}.status-pill{text-transform:capitalize;border-radius:12px;align-items:center;gap:6px;padding:3px 8px;font-size:.74rem;font-weight:600;display:inline-flex}.status-active{color:#059669;background:#0596691a;border:1px solid #05966940}.dark-theme .status-active{color:#34d399;background:#10b98126;border-color:#10b9814d}.status-active .dot{background:#059669;border-radius:50%;width:6px;height:6px}.dark-theme .status-active .dot{background:#10b981}.status-inactive{color:#dc2626;background:#dc262614;border:1px solid #dc262640}.dark-theme .status-inactive{color:#f87171;background:#ef444426;border-color:#ef44444d}.status-inactive .dot{background:#dc2626;border-radius:50%;width:6px;height:6px}.dark-theme .status-pending{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.status-pending .dot{background:#d97706;border-radius:50%;width:6px;height:6px}.dark-theme .status-pending .dot{background:#fbbf24}.status-revoked,.status-expired{color:var(--text-muted);background:#64748b1a;border:1px solid #64748b40}.dark-theme .status-revoked,.dark-theme .status-expired{color:var(--text-muted);background:#94a3b826;border-color:#94a3b84d}.status-revoked .dot,.status-expired .dot{background:#64748b;border-radius:50%;width:6px;height:6px}.dark-theme .status-revoked .dot,.dark-theme .status-expired .dot{background:#94a3b8}.btn-action-small{cursor:pointer;white-space:nowrap;text-align:center;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:58px;padding:5px 12px;font-size:.76rem;font-weight:600;line-height:1.25;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-secondary{background:var(--hover-bg);border-color:var(--card-border);color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:var(--active-bg)}.btn-warn{color:#d97706;background:#d977061a;border-color:#d977064d}.btn-warn:hover:not(:disabled){background:#d9770633;border-color:#d9770673}.dark-theme .btn-warn{color:#fbbf24;background:#f59e0b26}.btn-success{color:#059669;background:#0596691a;border-color:#0596694d}.btn-success:hover:not(:disabled){background:#05966933;border-color:#05966973}.dark-theme .btn-success{color:#34d399;background:#10b98126}.btn-danger{color:#dc2626;background:#dc262614;border-color:#dc262640}.btn-danger:hover:not(:disabled){background:#dc26262e;border-color:#dc262673}.dark-theme .btn-danger{color:#f87171;background:#ef444426}.table-actions-group{justify-content:flex-end;align-items:center;gap:8px;display:flex}.channel-name-cell{align-items:center;gap:6px;display:flex}.channel-hash-tag{color:var(--primary-accent);font-weight:700}.badge-privacy{white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:600}.privacy-private{color:#e11d48;background:#e11d4814;border:1px solid #e11d4840}.dark-theme .privacy-private{color:#fb7185;background:#f43f5e26;border-color:#f43f5e4d}.privacy-public{color:#059669;background:#05966914;border:1px solid #05966940}.dark-theme .privacy-public{color:#34d399;background:#10b98126;border-color:#10b9814d}.btn-member-count-pill{background:var(--hover-bg);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;border-radius:14px;padding:4px 10px;font-size:.76rem;font-weight:600;transition:all .2s}.btn-member-count-pill:hover{color:var(--primary-accent);background:#0284c714;border-color:#0284c74d}.text-snippet{white-space:nowrap;text-overflow:ellipsis;max-width:200px;color:var(--text-muted);overflow:hidden}.text-snippet-large{white-space:nowrap;text-overflow:ellipsis;max-width:320px;overflow:hidden}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-right{text-align:right}.py-6{padding-top:32px;padding-bottom:32px}.font-semibold{font-weight:600}.badge-context{border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:600}.context-channel{color:var(--primary-accent);background:#0284c714;border:1px solid #0284c740}.context-dm{background:var(--hover-bg);color:var(--text-muted);border:1px solid var(--card-border)}.badge-message-type{text-transform:uppercase;color:var(--text-muted);background:var(--hover-bg);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.admin-attachments-cell{flex-direction:column;gap:4px;display:flex}.admin-file-link-pill{color:var(--primary-accent);white-space:nowrap;text-overflow:ellipsis;background:#0284c70f;border:1px solid #0284c733;border-radius:4px;max-width:180px;padding:2px 8px;font-size:.74rem;text-decoration:none;display:inline-block;overflow:hidden}.admin-file-link-pill:hover{background:#0284c71f;text-decoration:underline}.badge-audit-action{letter-spacing:.3px;white-space:nowrap;border:none;border-radius:6px;padding:4px 8px;font-size:.65rem;font-weight:600}.action-danger{color:#dc2626;background:#dc26261a}.dark-theme .action-danger{color:#fca5a5;background:#ef444433}.action-warning{color:#d97706;background:#d977061a}.dark-theme .action-warning{color:#fcd34d;background:#f59e0b33}.action-info{color:var(--primary-accent);background:#0284c714}.dark-theme .action-info{color:#7dd3fc;background:#38bdf826}.target-pill{color:var(--text-muted);font-size:.78rem}.admin-pagination-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:8px 4px;display:flex}.pagination-count{color:var(--text-muted);font-size:.82rem}.pagination-controls{align-items:center;gap:10px;display:flex}.btn-page{background:var(--subpanel-bg);border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-page:hover:not(:disabled){background:var(--hover-bg);color:var(--primary-accent);border-color:#0284c766}.btn-page:disabled{opacity:.4;cursor:not-allowed}.page-indicator{color:var(--text-muted);font-size:.82rem;font-weight:600}.confirm-modal-message{color:var(--text-muted);font-size:.92rem;line-height:1.5}.channel-title-highlight{color:var(--primary-accent)}.add-member-section{background:var(--subpanel-bg);border:1px solid var(--card-border);border-radius:8px;margin-bottom:18px;padding:14px}.section-small-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px;font-size:.74rem;font-weight:700;display:block}.search-user-results-dropdown{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;max-height:160px;margin-top:10px;overflow-y:auto}.search-user-result-row{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.search-user-result-row:last-child{border-bottom:none}.search-user-result-row:hover{background:var(--hover-bg)}.channel-members-list{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.channel-member-card{background:var(--subpanel-bg);border:1px solid var(--card-border);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.member-card-info{flex-direction:column;flex:1;margin-left:10px;display:flex}.member-name{color:var(--text-main);font-size:.82rem;font-weight:600}.member-email{color:var(--text-muted);font-size:.72rem}.btn-remove-member-danger{color:#dc2626;cursor:pointer;background:#dc262614;border:1px solid #dc262640;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .2s}.btn-remove-member-danger:hover{background:#dc26262e}.admin-forbidden-stage{background:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.admin-forbidden-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:14px;max-width:440px;padding:40px;box-shadow:0 8px 24px #0000000f}.forbidden-icon{margin-bottom:12px;font-size:3rem;display:block}.admin-forbidden-card h2{color:var(--text-main);margin-bottom:10px;font-size:1.4rem;font-weight:800}.admin-forbidden-card p{color:var(--text-muted);margin-bottom:24px;font-size:.88rem;line-height:1.5}.admin-spinner{border:2px solid var(--card-border);border-top-color:var(--primary-accent);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite admin-spin;display:inline-block}.admin-settings-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px}.admin-settings-header{border-bottom:1px solid var(--card-border);margin-bottom:24px;padding-bottom:16px}.admin-settings-header h3{color:var(--text-main);margin-bottom:6px;font-size:1.1rem;font-weight:700}.admin-settings-list{flex-direction:column;gap:16px;display:flex}.admin-setting-item{background:var(--subpanel-bg);border:1px solid var(--card-border);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;transition:border-color .2s;display:flex}.admin-setting-item:hover{border-color:#0284c74d}.setting-info{flex:1}.setting-toggle-wrapper{flex-shrink:0;padding-top:2px}.setting-title-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.setting-icon{flex-shrink:0;font-size:1.1rem}.setting-title-row strong{color:var(--text-main);font-size:.95rem}.setting-status-tag{letter-spacing:.5px;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:800}.tag-enabled{color:#059669;background:#0596691a;border:1px solid #05966940}.dark-theme .tag-enabled{color:#4ade80;background:#22c55e26}.tag-disabled{color:#dc2626;background:#dc262614;border:1px solid #dc262640}.dark-theme .tag-disabled{color:#f87171;background:#ef444426}.setting-description{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}.switch-toggle{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.slider-round{cursor:pointer;background-color:var(--active-bg);border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider-round:before{content:"";background-color:var(--card-bg);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.switch-toggle input:checked+.slider-round{background-color:var(--primary-accent)}.switch-toggle input:checked+.slider-round:before{transform:translate(20px)}.switch-toggle input:disabled+.slider-round{opacity:.5;cursor:not-allowed}.admin-settings-footer-info{color:var(--primary-accent);background:#0284c70f;border:1px solid #0284c733;border-radius:8px;margin-top:24px;padding:12px 16px;font-size:.8rem}.modal-container.admin-edit-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;width:100%;max-width:520px;animation:.2s ease-out modalFadeIn;box-shadow:0 20px 60px #00000026}.modal-container .modal-header{padding:var(--space-lg) var(--space-lg);border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;display:flex}.modal-container .modal-title{color:var(--text-main);font-size:1rem;font-weight:700}.modal-container .modal-body{padding:var(--space-lg) var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.modal-container .modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--card-border);display:flex}.modal-container.admin-edit-modal .modal-footer button,.modal-container .modal-footer button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);border:1px solid #0000;font-size:.88rem;font-weight:600;line-height:1.25;transition:all .2s;display:inline-flex}.modal-container.admin-edit-modal .modal-footer button:disabled,.modal-container .modal-footer button:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-container.admin-edit-modal .modal-footer .btn-secondary,.modal-container .modal-footer .btn-secondary{background:var(--hover-bg);border:1px solid var(--card-border);color:var(--text-main)}.modal-container.admin-edit-modal .modal-footer .btn-secondary:hover:not(:disabled),.modal-container .modal-footer .btn-secondary:hover:not(:disabled){background:var(--active-bg)}.modal-container.admin-edit-modal .modal-footer .btn-primary,.modal-container .modal-footer .btn-primary{background:var(--primary-accent);border:1px solid var(--primary-accent);color:#fff;box-shadow:0 1px 3px #0284c74d}.modal-container.admin-edit-modal .modal-footer .btn-primary:hover:not(:disabled),.modal-container .modal-footer .btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.modal-container.admin-edit-modal .modal-footer .btn-danger,.modal-container .modal-footer .btn-danger{color:#fff;background:#dc2626;border:1px solid #dc2626;box-shadow:0 1px 3px #dc262659}.modal-container.admin-edit-modal .modal-footer .btn-danger:hover:not(:disabled),.modal-container .modal-footer .btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px)}.modal-container.admin-edit-modal .modal-footer .btn-warn,.modal-container .modal-footer .btn-warn{color:#fff;background:#d97706;border:1px solid #d97706;box-shadow:0 1px 3px #d9770659}.modal-container.admin-edit-modal .modal-footer .btn-warn:hover:not(:disabled),.modal-container .modal-footer .btn-warn:hover:not(:disabled){background:#b45309;border-color:#b45309;transform:translateY(-1px)}.form-input,.form-textarea{background:var(--subpanel-bg);border:1px solid var(--card-border);color:var(--text-main);border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:var(--primary-accent)}.dark-theme .form-input,.dark-theme .form-textarea{background-color:var(--hover-bg);border-color:var(--card-border);color:var(--text-main)}.dark-theme .form-input:focus,.dark-theme .form-textarea:focus{background-color:var(--card-bg);border-color:var(--primary-accent)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-checkbox-group{align-items:flex-start;gap:10px;display:flex}.checkbox-label{color:var(--text-main);cursor:pointer;align-items:center;gap:10px;font-size:.85rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary-accent);flex-shrink:0}.disabled-option{opacity:.4;pointer-events:none;cursor:not-allowed!important}.policy-note{color:#dc2626;margin-left:4px;font-size:.72rem;font-weight:600}.channel-archived-banner,.admin-only-channel-banner{background:var(--card-bg);border-top:1px solid var(--card-border);color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:.88rem;font-weight:600;display:flex}.btn-promote-admin{border:1px solid var(--primary,#6366f1);color:var(--primary,#6366f1);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:600;transition:all .2s}.btn-promote-admin:hover{background:var(--primary,#6366f1);color:#fff}.admin-subnav-bar{align-items:center;gap:10px;margin-bottom:4px;display:flex}.btn-subnav-pill{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-subnav-pill:hover{background:var(--hover-bg);color:var(--text-main)}.btn-subnav-pill.active{border-color:var(--primary-accent);color:var(--primary-accent);background:#0284c71a}.subnav-badge{background:var(--hover-bg);color:var(--text-muted);border-radius:10px;padding:2px 7px;font-size:.72rem;font-weight:700}.btn-subnav-pill.active .subnav-badge{background:var(--primary-accent);color:#fff}.badge-pending-count{color:#fff!important;background:#d97706!important}.dot-amber{background:#d97706!important}.status-pending{color:#d97706;background:#d977061a;border:1px solid #d977064d}.company-management-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;width:100%;animation:.2s ease-out fadeIn;overflow:hidden;box-shadow:0 20px 40px #0000001f;max-width:520px!important}.company-modal-title-group{align-items:center;gap:12px;display:flex}.modal-icon-badge{background:#0284c714;border:1px solid #0284c72e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.modal-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.78rem;font-weight:500}.company-modal-tabs{border-bottom:1px solid var(--card-border);background:var(--bg-color);gap:6px;padding:10px 20px;display:flex}.company-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.company-tab-btn:hover{background:var(--hover-bg);color:var(--text-main)}.company-tab-btn.active{background:var(--card-bg);color:var(--primary-accent);border-color:var(--card-border);font-weight:700;box-shadow:0 1px 3px #0000000d}.company-alert{border-radius:8px;align-items:center;gap:8px;margin:12px 20px 0;padding:10px 14px;font-size:.82rem;font-weight:600;display:flex}.company-modal-body{background:var(--card-bg);max-height:480px;padding:16px 20px 20px;overflow-y:auto}.company-cards-grid{flex-direction:column;gap:10px;display:flex}.company-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;flex-direction:column;gap:10px;padding:14px;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000005}.company-card:hover{border-color:var(--card-border);box-shadow:0 3px 8px #0000000a}.company-card.current-active-card{border:1.5px solid var(--primary-accent);background:var(--card-bg);box-shadow:0 2px 8px #0284c714}.company-card-top{align-items:flex-start;gap:12px;display:flex}.company-badge-icon{background:var(--bg-color);border:1px solid var(--card-border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.company-card.current-active-card .company-badge-icon{background:#0284c714;border-color:#0284c733}.company-card-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.company-name-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.company-card-name{color:var(--text-main);font-size:.94rem;font-weight:700}.badge-current-org{color:var(--primary-accent);background:#0284c714;border:1px solid #0284c733;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.company-meta-row{align-items:center;gap:8px;display:flex}.company-card-role{color:var(--text-muted);font-size:.76rem}.company-card-role strong{color:var(--text-main)}.company-card-desc{color:var(--text-muted);margin:2px 0 0;font-size:.8rem;line-height:1.4}.company-card-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;padding-top:4px;display:flex}.btn-switch-org{background:var(--bg-color);border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .15s}.btn-switch-org:hover{color:var(--primary-accent);background:#0284c714;border-color:#0284c74d}.company-create-notice{color:var(--primary-accent);background:#0284c70f;border:1px solid #0284c733;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:10px 14px;font-size:.78rem;display:flex}.company-search-results-list{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.company-search-row{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.company-search-row:hover{border-color:#0284c74d;box-shadow:0 2px 6px #00000008}.company-search-info{flex-direction:column;flex:1;gap:2px;display:flex}.company-row-title{color:var(--text-main);font-size:.92rem;font-weight:700}.company-row-desc{color:var(--text-muted);font-size:.78rem}.badge-already-member{color:#059669;background:#05966914;border:1px solid #05966933;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.74rem;font-weight:700;display:inline-flex}.badge-pending-request{color:#0284c7;background:#0284c714;border:1px solid #0284c733;border-radius:12px;padding:4px 10px;font-size:.74rem;font-weight:700}.company-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:32px 16px;font-size:.88rem;display:flex}.empty-icon-circle{background:#0284c714;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}@keyframes admin-spin{to{transform:rotate(360deg)}}.message-video-wrapper{background:#020617;border:1px solid #ffffff14;border-radius:10px;max-width:380px;margin-top:3px;margin-bottom:3px;overflow:hidden}.message-video-player{background:#000;border-radius:8px 8px 0 0;outline:none;width:100%;max-height:280px;display:block}.message-video-footer{background:#0f172ae6;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.video-meta-info{flex-direction:column;flex:1;min-width:0;display:flex}.video-file-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.video-file-size{color:var(--text-muted);font-size:.72rem}.btn-video-download{color:#38bdf8;background:#1e293b;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s;display:flex}.btn-video-download svg{width:16px;height:16px}.btn-video-download:hover{color:#fff;background:#38bdf833;border-color:#38bdf8}.file-preview-video-container{background:#000;border-radius:6px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.file-preview-video{object-fit:cover;width:100%;height:100%}.video-overlay-icon{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-preview-chip{border-color:#38bdf859}.video-prefix{color:#38bdf8}.video-badge-highlight{color:#fb7185!important;background:#f43f5e33!important;border:1px solid #f43f5e66!important}.admin-video-link-pill{color:#f43f5e!important;background:#f43f5e1a!important;border-color:#f43f5e40!important}.admin-video-link-pill:hover{background:#f43f5e33!important}.channel-category-section{margin-bottom:16px}.channel-category-header{justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 14px 6px 12px;display:flex}.channel-category-title{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:800}.channel-category-count{color:#cbd5e1;background:#94a3b826;border-radius:10px;padding:1px 6px;font-size:.65rem;font-weight:700}.channel-section-empty{color:var(--text-muted);padding:10px 14px;font-size:.76rem;font-style:italic}.channel-item-right-label{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.channel-lock-pill{color:var(--text-muted);background:var(--hover-bg);border:1px solid var(--card-border);letter-spacing:.02em;border-radius:6px;align-items:center;padding:2px 7px;font-size:.68rem;font-weight:600;display:inline-flex}.discoverable-channel-item{justify-content:space-between;align-items:center;display:flex}.channel-item-action{flex-shrink:0;margin-left:8px}.btn-join-channel-pill{color:var(--primary-accent);cursor:pointer;background:#38bdf81f;border:1px solid #38bdf859;border-radius:14px;padding:4px 12px;font-size:.72rem;font-weight:700;transition:all .2s}.btn-join-channel-pill:hover{background:var(--primary-accent);color:var(--text-main);transform:scale(1.04);box-shadow:0 0 10px #38bdf866}.visibility-options-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.visibility-option-card{background:var(--bg-color);border:1px solid var(--card-border);cursor:pointer;border-radius:10px;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.visibility-option-card:hover{border-color:var(--card-border);background:var(--hover-bg)}.visibility-option-card.selected{border-color:var(--primary-accent);background:#0284c714}.visibility-option-header{align-items:center;gap:8px;width:100%;display:flex}.visibility-option-header input[type=radio]{accent-color:var(--primary-accent);cursor:pointer}.visibility-option-icon{color:var(--primary-accent);justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.visibility-option-title{color:var(--text-main);font-size:.86rem;font-weight:600}.inchat-search-wrapper{align-items:center;width:100%;display:flex;position:relative}.inchat-search-bar{align-items:center;gap:10px;width:100%;animation:.2s fadeInHeader;display:flex}@keyframes fadeInHeader{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inchat-search-input-box{background-color:var(--subpanel-bg,#f1f5f9);border:1px solid var(--card-border);border-radius:20px;flex:1;align-items:center;height:38px;padding:0 14px;transition:border-color .2s,background-color .2s;display:flex}.inchat-search-input-box:focus-within{border-color:var(--primary-accent);background-color:var(--card-bg,#fff);box-shadow:none}.inchat-search-icon{color:var(--text-muted);flex-shrink:0;margin-right:8px;font-size:.85rem}.inchat-search-input{color:var(--text-main);background:0 0;flex:1;font-family:inherit;font-size:.875rem;box-shadow:none!important;border:none!important;outline:none!important}.inchat-search-input:focus,.inchat-search-input:focus-visible{box-shadow:none!important;outline:none!important}.inchat-search-input::placeholder{color:var(--text-muted)}.inchat-btn-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:.8rem;transition:color .15s;display:flex}.inchat-btn-clear:hover{color:var(--text-main)}.inchat-btn-close{background:var(--hover-bg);border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;border-radius:18px;flex-shrink:0;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.inchat-btn-close:hover{color:var(--text-main);background:#e2e8f0}.inchat-results-overlay{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);z-index:80;flex-direction:column;max-height:300px;animation:.2s ease-out dropDownSlide;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}@keyframes dropDownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inchat-results-header{color:var(--text-muted);border-bottom:1px solid var(--card-border);background:var(--bg-color);padding:8px 12px;font-size:.76rem;font-weight:700}.inchat-results-header strong{color:var(--primary-accent)}.inchat-loading-state,.inchat-empty-state,.inchat-error-state{text-align:center;color:var(--text-muted);padding:16px 12px;font-size:.82rem}.inchat-error-state{color:#f87171}.inchat-results-list{flex-direction:column;gap:6px;padding:8px;display:flex;overflow-y:auto}.inchat-result-card{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;gap:2px;padding:8px 10px;transition:all .18s;display:flex}.inchat-result-card:hover{background:var(--hover-bg);border-color:#0000}.inchat-result-top{justify-content:space-between;align-items:center;display:flex}.inchat-result-author{align-items:center;gap:8px;display:flex}.inchat-author-name{color:var(--text-main);font-size:.8rem;font-weight:700}.inchat-result-time{color:var(--text-muted);font-size:.7rem}.inchat-result-snippet{color:var(--text-main);word-break:break-word;margin:0;font-size:.82rem;line-height:1.4}.inchat-result-attachments{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.inchat-attachment-chip{color:var(--primary-accent);background:#38bdf826;border:1px solid #38bdf84d;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:600}.message-actions-bar{z-index:30;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;align-items:center;gap:3px;padding:3px 6px;animation:.15s cubic-bezier(.16,1,.3,1) fadeIn;display:none;position:absolute;top:-34px;right:6px;box-shadow:0 4px 18px #0000001f,0 1px 3px #0000000f}.message-own .message-actions-bar{left:auto;right:6px}.message-other .message-actions-bar{left:6px;right:auto}.message-bubble-wrapper:hover .message-actions-bar,.message-bubble:hover .message-actions-bar{display:flex}.wa-quick-reactions{align-items:center;gap:2px;display:flex}.btn-wa-reaction{cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:3px 4px;font-size:.95rem;line-height:1;transition:transform .15s,background .15s;display:inline-flex}.btn-wa-reaction:hover{background:#0284c714;transform:scale(1.3)}.btn-wa-plus-reaction{color:var(--text-muted);padding:4px;font-size:.8rem}.btn-wa-plus-reaction:hover{color:var(--primary-accent)}.wa-actions-divider{background-color:var(--card-border);width:1px;height:16px;margin:0 4px}.btn-msg-action{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:5px 6px;font-size:.85rem;line-height:1;transition:all .15s;display:inline-flex}.btn-msg-action:hover{color:var(--primary-accent);background:#0284c714;transform:scale(1.1)}.btn-msg-action-delete:hover{color:#ef4444!important;background:#ef44441a!important}.action-toast{color:#10b981;white-space:nowrap;background:#10b9811f;border:1px solid #10b9814d;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:700;animation:.2s fadeIn}.message-forwarded-tag{opacity:.8;align-items:center;gap:4px;margin-bottom:2px;font-size:.72rem;font-style:italic;font-weight:600;display:flex}.message-reply-quote-block{cursor:pointer;border-left:3px solid var(--primary-accent);text-align:left;background:#0284c714;border-radius:6px;gap:6px;margin-bottom:6px;padding:4px 8px;transition:background-color .15s,transform .1s;display:flex}.message-reply-quote-block:hover{background:#0284c724}.message-own .message-reply-quote-block{background:#ffffff38}.message-own .message-reply-quote-block:hover{background:#ffffff52}.reply-quote-body{flex-direction:column;max-width:100%;display:flex;overflow:hidden}.reply-quote-author{color:var(--primary-accent);margin-bottom:1px;font-size:.72rem;font-weight:700}.reply-quote-text{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.message-deleted-bubble{color:var(--text-muted)!important;background:#1e293b59!important;border:1px dashed #94a3b84d!important}.message-deleted-text{color:var(--text-muted);align-items:center;gap:6px;padding:2px 0;font-size:.85rem;font-style:italic;display:flex}.deleted-icon{font-size:.85rem}.message-meta-footer{justify-content:flex-end;align-items:center;gap:2px;margin-top:0;padding-bottom:0;padding-right:2px;display:flex}.message-read-status{opacity:.65;white-space:nowrap;font-size:.62rem;font-weight:400;line-height:1}.message-read-status.status-seen{opacity:.75;font-weight:500}.message-edited-badge{opacity:.7;font-size:.68rem;font-style:italic}.message-saved-icon{opacity:.65;flex-shrink:0;align-items:center;line-height:1;display:inline-flex}.message-own .message-saved-icon{opacity:.8}.message-other .message-saved-icon{color:var(--primary-accent,#0284c7);opacity:.7}.message-bubble.message-editing{background-color:var(--bg-color)!important;color:var(--text-main,#0f172a)!important;border:1px solid var(--card-border,#e2e8f0)!important;box-shadow:0 1px 2px #0000000d!important}.message-inline-editor{flex-direction:column;gap:6px;width:100%;min-width:260px;margin:4px 0;display:flex}.inline-edit-textarea{background:var(--card-bg);width:100%;color:var(--text-main,#0f172a);border:1px solid var(--card-border,#e2e8f0);resize:none;field-sizing:content;border-radius:6px;outline:none;min-height:1lh;padding:6px 8px;font-family:inherit;font-size:.9rem;line-height:1.4;transition:border-color .15s,background-color .15s}.inline-edit-textarea:focus{border-color:var(--primary-accent,#0284c7);background:var(--card-bg)}.inline-edit-buttons{justify-content:space-between;align-items:center;gap:8px;display:flex}.edit-key-hint{color:var(--text-muted,#64748b);font-size:.68rem}.edit-btn-group{gap:6px;display:flex}.btn-edit-cancel{border:1px solid var(--card-border,#e2e8f0);color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-size:.75rem;transition:all .15s}.btn-edit-cancel:hover{background:var(--hover-bg);color:var(--text-main,#0f172a);border-color:var(--card-border)}.btn-edit-save{background:var(--primary-accent,#0284c7);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:3px 10px;font-size:.75rem;font-weight:700;transition:all .15s;box-shadow:0 1px 2px #0000001a}.btn-edit-save:hover:not(:disabled){opacity:.95;transform:scale(1.02);box-shadow:0 2px 4px #00000026}.edit-error-hint{color:#ef4444;font-size:.72rem}.delete-confirm-popover{z-index:30;background:#0f172a;border:1px solid #ef444480;border-radius:8px;width:240px;padding:10px 14px;animation:.15s ease-out fadeIn;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0009}.delete-confirm-title{color:#f8fafc;margin:0 0 8px;font-size:.8rem;font-weight:600}.delete-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.btn-delete-cancel{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:4px;padding:3px 8px;font-size:.72rem}.btn-delete-confirm{color:#fff;cursor:pointer;text-align:center;background:#ef4444;border:none;border-radius:4px;width:100%;padding:6px 10px;font-size:.75rem;font-weight:700;transition:background .15s}.btn-delete-confirm:hover{background:#dc2626}.btn-delete-for-me{color:#f8fafc;cursor:pointer;text-align:center;background:#334155;border:1px solid #475569;border-radius:4px;width:100%;padding:6px 10px;font-size:.75rem;font-weight:600;transition:background .15s}.btn-delete-for-me:hover{background:#475569}.input-reply-preview-bar{border-left:3px solid var(--primary-accent);border-top:1px solid var(--card-border,#e2e8f0);border-right:1px solid var(--card-border,#e2e8f0);background:0 0;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:6px 12px;animation:.15s ease-out fadeIn;display:flex}.input-reply-left{align-items:center;gap:8px;display:flex;overflow:hidden}.input-reply-icon{color:var(--primary-accent);font-size:.85rem}.input-reply-text{flex-direction:column;display:flex;overflow:hidden}.input-reply-to{color:var(--primary-accent);font-size:.72rem;font-weight:600}.input-reply-snippet{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;max-width:450px;font-size:.76rem;overflow:hidden}.btn-cancel-reply{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.85rem;transition:all .15s}.btn-cancel-reply:hover{color:#ef4444;background:#ef44441a}.modal-content{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);border-radius:16px;flex-direction:column;animation:.2s ease-out fadeIn;display:flex;overflow:hidden;box-shadow:0 20px 48px -8px #00000029,0 8px 16px -4px #0000000f}.forward-modal-card{width:90%;max-width:460px;max-height:88vh}.modal-icon-badge{width:34px;height:34px;color:var(--primary-accent,#0284c7);background:#0284c71a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;display:flex}.modal-title-row h3{color:var(--text-main,#0f172a);margin:0;font-size:1.05rem;font-weight:700}.modal-error-banner{color:#b91c1c;background:#ef444414;border-left:3px solid #ef4444;padding:9px 20px;font-size:.82rem;font-weight:500}.forward-preview-box{background:var(--bg-color,#f8fafc);border-left:3px solid var(--primary-accent,#0284c7);border-radius:6px;margin:16px 20px 0;padding:9px 14px}.forward-preview-label{color:var(--primary-accent,#0284c7);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.forward-preview-text{color:var(--text-muted,#64748b);text-overflow:ellipsis;max-height:48px;margin:3px 0 0;font-size:.82rem;font-style:italic;line-height:1.4;overflow:hidden}.forward-search-box{align-items:center;margin:14px 20px 0;display:flex;position:relative}.forward-search-icon{color:var(--text-muted,#64748b);pointer-events:none;font-size:.78rem;line-height:1;position:absolute;left:10px}.forward-search-input{background:var(--bg-color,#f8fafc);border:1px solid var(--card-border,#e2e8f0);width:100%;color:var(--text-main,#0f172a);box-sizing:border-box;border-radius:9px;outline:none;padding:9px 34px 9px 32px;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.forward-search-input::placeholder{color:var(--text-muted,#94a3b8)}.forward-search-input:focus{border-color:var(--primary-accent,#0284c7);background:var(--card-bg,#fff);box-shadow:0 0 0 3px #0284c71a}.btn-clear-forward-search{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:.72rem;line-height:1;transition:color .15s;position:absolute;right:8px}.btn-clear-forward-search:hover{color:var(--text-main,#0f172a)}.forward-destination-list{flex-direction:column;flex:1;gap:3px;padding:12px 20px;display:flex;overflow-y:auto}.forward-destination-list::-webkit-scrollbar{width:5px}.forward-destination-list::-webkit-scrollbar-track{background:0 0}.forward-destination-list::-webkit-scrollbar-thumb{background:var(--card-border,#cbd5e1);border-radius:3px}.forward-section-title{text-transform:uppercase;color:var(--text-muted,#94a3b8);letter-spacing:.06em;margin-bottom:2px;padding:4px 2px;font-size:.68rem;font-weight:700}.forward-empty-hint{color:var(--text-muted,#94a3b8);padding:6px 4px;font-size:.8rem;font-style:italic}.forward-dest-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;transition:background-color .15s,border-color .15s;display:flex}.forward-dest-item:hover{background:var(--hover-bg,#f1f5f9);border-color:var(--card-border,#e2e8f0)}.forward-dest-item.selected{background:#0284c712;border-color:#0284c74d}.dest-channel-hash{width:32px;height:32px;color:var(--primary-accent,#0284c7);background:#0284c71a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.dest-item-name{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.875rem;font-weight:600;overflow:hidden}.dest-radio-indicator{border:2px solid var(--card-border,#cbd5e1);border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:border-color .15s,background-color .15s}.dest-radio-indicator.active{border-color:var(--primary-accent,#0284c7);background:var(--primary-accent,#0284c7);box-shadow:inset 0 0 0 3px var(--card-bg,#fff)}.forward-modal-card .modal-header{padding:16px 20px}.modal-actions-footer{border-top:1px solid var(--card-border,#e2e8f0);background:var(--card-bg,#fff);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.btn-cancel-action{background:var(--bg-color,#f8fafc);border:1px solid var(--card-border,#e2e8f0);color:var(--text-muted,#64748b);cursor:pointer;border-radius:8px;padding:8px 18px;font-size:.875rem;font-weight:600;transition:all .15s}.btn-cancel-action:hover:not(:disabled){background:var(--hover-bg,#f1f5f9);color:var(--text-main,#0f172a);border-color:var(--primary-accent,#0284c7)}.btn-cancel-action:disabled{opacity:.5;cursor:not-allowed}.btn-primary-action{background:var(--primary-gradient,linear-gradient(135deg, #0ea5e9, #0284c7));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:.875rem;font-weight:700;transition:opacity .15s,transform .1s}.btn-primary-action:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary-action:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-forward-submit{white-space:nowrap;text-overflow:ellipsis;max-width:240px;overflow:hidden}.message-info-modal-card{width:90%;max-width:480px}.msg-info-body{flex-direction:column;gap:16px;margin:12px 0;display:flex}.msg-info-section{flex-direction:column;gap:6px;display:flex}.msg-info-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:.72rem;font-weight:700}.msg-info-sender-row{background:#1e293b80;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.msg-info-sender-text{flex-direction:column;display:flex}.msg-info-sender-name{color:#f8fafc;font-size:.9rem;font-weight:700}.msg-info-sender-email{color:var(--text-muted);font-size:.75rem}.msg-info-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.msg-info-card{background:#1e293b66;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.msg-info-value{color:#cbd5e1;font-size:.8rem;font-weight:600}.msg-type-badge{color:var(--primary-accent);font-weight:800}.msg-info-hint{color:var(--text-muted);margin:0;font-size:.8rem}.msg-info-attachments-list{flex-direction:column;gap:6px;display:flex}.msg-info-attachment-row{background:#1e293b66;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.78rem;display:flex}.att-file-name{color:#f8fafc;font-weight:600}.att-file-meta{color:var(--text-muted);font-size:.72rem}.workspace-todos-view-wrapper{background:var(--stage-bg);flex-direction:column;flex:1;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.todo-page-wrapper{box-sizing:border-box;flex-direction:column;flex:1;gap:18px;width:100%;height:100%;min-height:0;max-height:100%;padding:24px 32px;display:flex;overflow:hidden}.todo-page-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.todo-header-left{align-items:center;gap:14px;display:flex}.todo-icon-box{background:#0284c71f;border:1px solid #0284c740;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.todo-page-title{color:var(--text-main);letter-spacing:-.3px;margin:0;font-size:1.4rem;font-weight:700}.todo-page-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.btn-add-todo-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #0284c740}.btn-add-todo-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 18px #0284c759}.btn-add-todo-primary .btn-icon{font-size:1.1rem;font-weight:700}.btn-header-todo-action{color:var(--primary-accent);cursor:pointer;background:#0284c71a;border:1px solid #0284c740;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-header-todo-action:hover{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.todo-search-row{flex-shrink:0;width:100%}.todo-search-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;align-items:center;gap:10px;padding:8px 14px;transition:border-color .2s;display:flex}.todo-search-box:focus-within{border-color:var(--primary-accent);box-shadow:none}.todo-search-input{color:var(--text-main);background:0 0;width:100%;font-size:.88rem;box-shadow:none!important;border:none!important;outline:none!important}.todo-search-input:focus,.todo-search-input:focus-visible{box-shadow:none!important;outline:none!important}.todo-search-input::placeholder{color:var(--text-muted)}.btn-clear-search{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:.8rem}.todo-filters-bar{border-bottom:1px solid var(--card-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.todo-view-tabs{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;gap:4px;padding:4px;display:flex}.todo-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.todo-tab-btn:hover{background:var(--hover-bg);color:var(--text-main)}.todo-tab-btn.active{color:var(--primary-accent);background:#0284c71a;font-weight:700}.todo-count-badge{color:var(--primary-accent);background:#0284c71f;border-radius:10px;padding:2px 6px;font-size:.72rem;font-weight:700}.todo-tab-btn.active .todo-count-badge{background:var(--primary-accent);color:#fff}.todo-filter-controls{align-items:center;gap:12px;display:flex}.filter-select-wrapper{align-items:center;gap:8px;display:flex}.todo-filter-label{color:var(--text-secondary,#64748b);white-space:nowrap;font-family:inherit;font-size:.875rem;font-weight:500}.todo-filter-select{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-main);font-family:inherit;font-size:.875rem;font-weight:400;line-height:inherit;cursor:pointer;border-radius:6px;outline:none;height:32px;padding:5px 10px;transition:all .2s;box-shadow:0 1px 2px #00000008}.todo-filter-select:hover{background:var(--hover-bg);border-color:var(--primary-accent)}.todo-filter-select:focus{border-color:var(--primary-accent);box-shadow:0 0 0 2px #0284c71f}.todo-page-main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;flex:1;min-height:0;padding-right:4px;overflow:hidden auto}.todo-list-container{flex-direction:column;gap:24px;padding-bottom:24px;display:flex}.todo-section{flex-direction:column;gap:10px;display:flex}.todo-section-header{justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.todo-section-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.header-left{align-items:center;gap:8px;display:flex}.expand-chevron{color:var(--text-muted);font-size:.75rem}.section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:.88rem;font-weight:700}.section-count-badge{color:var(--primary-accent);background:#0284c714;border:1px solid #0284c733;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700}.section-count-badge.completed-badge{color:#16a34a;background:#22c55e1f;border-color:#22c55e40}.todo-cards-grid{flex-direction:column;gap:10px;display:flex}.todo-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;align-items:flex-start;gap:14px;padding:14px 16px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.todo-card:hover{border-color:var(--primary-accent);box-shadow:0 4px 12px #0000000f}.todo-card.completed{opacity:.6;background:var(--stage-bg)}.todo-card.completed:hover{opacity:.85}.todo-card.priority-high{border-left:3px solid #dc2626}.todo-card.priority-low{border-left:3px solid #16a34a}.todo-card.overdue{border-color:#dc262659}.todo-checkbox-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:2px;padding:0;font-size:1.3rem;line-height:1;transition:transform .15s,color .15s}.todo-checkbox-btn:hover{color:var(--primary-accent);transform:scale(1.15)}.todo-checkbox-btn.checked{color:#16a34a}.todo-content-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.todo-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.todo-item-title{color:var(--text-main);font-size:.95rem;font-weight:600}.todo-item-title.strikethrough{color:var(--text-muted);text-decoration:line-through}.todo-priority-badge{font-family:var(--font-family);text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700}.todo-priority-badge.high{color:#dc2626;background:#dc26261a;border:1px solid #dc262640}.todo-priority-badge.low{color:#16a34a;background:#16a34a1a;border:1px solid #16a34a40}.todo-item-description{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.4}.todo-context-links-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.todo-context-chip{background:var(--bg-color);border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.todo-context-chip:hover{background:var(--hover-bg);color:var(--text-main);border-color:var(--card-border)}.todo-context-chip.channel-chip{color:var(--primary-accent);background:#0284c714;border-color:#0284c740}.todo-context-chip.channel-chip:hover{color:var(--primary-accent);background:#0284c726}.todo-context-chip.conv-chip{color:#7c3aed;background:#7c3aed14;border-color:#7c3aed40}.todo-context-chip.conv-chip:hover{color:#7c3aed;background:#7c3aed26}.todo-context-chip.message-chip{color:#d97706;background:#d9770614;border-color:#d9770640}.todo-context-chip.message-chip:hover{color:#d97706;background:#d9770626}.todo-meta-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px;font-size:.78rem;display:flex}.todo-assignee-badge,.todo-creator-badge,.todo-due-badge,.todo-completed-badge{align-items:center;gap:6px;display:flex}.meta-label{color:var(--text-muted)}.meta-name{color:var(--text-main);font-weight:600}.todo-due-badge.overdue-text{color:#f87171;font-weight:600}.todo-completed-badge{color:#4ade80;font-weight:600}.todo-actions-wrapper{position:relative}.btn-todo-menu-trigger{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem;transition:all .15s}.btn-todo-menu-trigger:hover{background:var(--hover-bg);color:var(--text-main)}.todo-dropdown-menu{z-index:50;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;flex-direction:column;gap:2px;min-width:170px;padding:6px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0003}.todo-menu-item{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;transition:background .15s;display:flex}.todo-menu-item:hover{background:var(--hover-bg)}.todo-menu-item.danger{color:#dc2626}.todo-menu-item.danger:hover{color:#f87171;background:#dc262626}.todo-delete-popover{z-index:60;background:var(--card-bg);border:1px solid #dc26264d;border-radius:10px;min-width:180px;padding:14px;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0003}.confirm-text{color:var(--text-main);margin:0 0 10px;font-size:.82rem;font-weight:600}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.btn-cancel-sm{background:var(--hover-bg);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:.75rem;font-weight:600}.btn-delete-confirm-sm{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:5px 12px;font-size:.75rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.todo-modal-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;flex-direction:column;width:100%;max-width:520px;height:auto;max-height:min(90vh,720px);margin:auto;animation:.2s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000040}.todo-modal-header{border-bottom:1px solid var(--card-border);background:var(--card-bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.todo-modal-title-wrap{align-items:center;gap:10px;display:flex}.todo-modal-title-wrap h3{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.todo-context-banner{background:var(--hover-bg);border:1px solid var(--card-border);border-radius:8px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.context-pill{border-radius:4px;width:fit-content;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.context-message-preview{align-items:center;gap:6px;font-size:.78rem;display:flex}.context-label{color:var(--text-muted)}.context-snippet{color:var(--text-main);font-style:italic}.todo-modal-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.todo-modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;gap:14px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.todo-modal-body::-webkit-scrollbar{width:6px}.todo-modal-body::-webkit-scrollbar-track{background:0 0}.todo-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.todo-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.todo-modal-card .form-input,.todo-modal-card .form-input,.todo-modal-card .form-textarea,.todo-modal-card .form-select{background-color:var(--bg-color);border:1px solid var(--card-border);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.todo-modal-card .form-input:focus,.todo-modal-card .form-textarea:focus,.todo-modal-card .form-select:focus{background-color:var(--card-bg);border-color:var(--primary-accent);box-shadow:0 0 0 3px #0284c71f}.todo-modal-card .form-select{cursor:pointer;height:42px;line-height:1.3}.form-row-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.priority-radio-group{gap:10px;display:flex}.priority-pill-label{background:var(--bg-color);border:1px solid var(--card-border);color:var(--text-muted);font-family:var(--font-family);cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:8px 12px;font-size:.82rem;font-weight:600;transition:all .2s}.priority-pill-label.active.low{color:#16a34a;background:#16a34a1a;border-color:#16a34a}.priority-pill-label.active.normal{border-color:var(--primary-accent);color:var(--primary-accent);background:#0284c71a}.priority-pill-label.active.high{color:#dc2626;background:#dc26261a;border-color:#dc2626}.todo-modal-footer{border-top:1px solid var(--card-border);background:var(--card-bg);border-radius:0 0 14px 14px;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.btn-primary-todo{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;padding:9px 20px;font-size:.88rem;font-weight:600;transition:all .2s}.btn-primary-todo:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);transform:translateY(-1px)}.btn-primary-todo:disabled{opacity:.5;cursor:not-allowed;transform:none}.todo-error-banner{color:#f87171;background:#ef444426;border:1px solid #ef444459;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.85rem;display:flex}.todo-modal-error{color:#f87171;background:#ef444426;border:1px solid #ef444459;border-radius:6px;margin-bottom:6px;padding:8px 14px;font-size:.82rem}.todo-loading-state,.todo-empty-state{text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:56px 24px;display:flex;box-shadow:0 2px 8px #00000008}.todo-empty-state .empty-icon-wrap{width:64px;height:64px;color:var(--primary-accent);background:#0284c714;border:1px solid #0284c72e;border-radius:16px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.todo-empty-state .empty-title{color:var(--text-main);letter-spacing:-.2px;margin:0 0 8px;font-size:1.15rem;font-weight:700}.todo-empty-state .empty-description{color:var(--text-muted);max-width:420px;margin:0 0 22px;font-size:.88rem;line-height:1.55}.btn-create-first-todo{background:var(--primary-accent);border:1px solid var(--primary-accent);color:#fff;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0284c740}.btn-create-first-todo:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px #0284c759}.btn-create-first-todo:active{transform:translateY(0)}.reaction-bar{flex-wrap:wrap;align-items:center;gap:2px;margin-top:0;padding:0;display:flex}.reaction-pill-wrapper{position:relative}.reaction-pill{color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:3px;padding:0 4px;font-size:.72rem;transition:all .18s;display:inline-flex}.reaction-pill:hover{background:#ffffff1f;border-color:#fff3;transform:scale(1.05)}.reaction-pill-active{color:#a5b4fc;background:#6366f133;border-color:#6366f180}.reaction-pill-active:hover{background:#6366f14d;border-color:#6366f1a6}.reaction-emoji{font-size:.8rem;line-height:1}.reaction-count{text-align:center;min-width:10px;font-size:.65rem;font-weight:600}.reaction-tooltip{z-index:50;pointer-events:none;background:#1e1e2e;border:1px solid #ffffff26;border-radius:8px;min-width:100px;max-width:200px;padding:8px 12px;animation:.15s tooltipFadeIn;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.reaction-tooltip-emoji{text-align:center;margin-bottom:4px;font-size:1.3rem;display:block}.reaction-tooltip-names{color:#b0b0c0;text-align:center;word-break:break-word;font-size:.72rem;line-height:1.4;display:block}.reaction-add-btn{color:#888;cursor:pointer;opacity:0;background:0 0;border:1px dashed #ffffff26;border-radius:12px;align-items:center;gap:2px;padding:1px 4px;font-size:.8rem;transition:all .18s;display:inline-flex}.reaction-bar:hover .reaction-add-btn,.reaction-add-btn:focus{opacity:1}.reaction-bar .reaction-pill-wrapper~.reaction-add-btn{opacity:.6}.reaction-bar:hover .reaction-pill-wrapper~.reaction-add-btn{opacity:1}.reaction-add-btn:hover{color:#bbb;opacity:1;background:#ffffff14;border-color:#ffffff40}.reaction-add-icon{font-size:.85rem;font-weight:500}.reaction-add-emoji{font-size:.9rem}.emoji-picker-container{z-index:1000;background:#1a1a2e;border:1px solid #ffffff1f;border-radius:12px;width:310px;animation:.2s pickerSlideIn;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d}@keyframes pickerSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.emoji-quick-row{justify-content:space-around;gap:2px;padding:10px 12px 6px;display:flex}.emoji-quick-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.35rem;transition:all .15s;display:flex}.emoji-quick-btn:hover{background:#ffffff1f;transform:scale(1.2)}.emoji-picker-divider{background:#ffffff14;height:1px;margin:4px 12px}.emoji-category-tabs{gap:2px;padding:4px 12px;display:flex}.emoji-cat-tab{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:5px 0;font-size:1rem;transition:all .15s;display:flex}.emoji-cat-tab:hover{opacity:.85;background:#ffffff0f}.emoji-cat-tab-active{opacity:1;background:#6366f126}.emoji-picker-grid{grid-template-columns:repeat(8,1fr);gap:2px;max-height:200px;padding:6px 10px;display:grid;overflow-y:auto}.emoji-picker-grid::-webkit-scrollbar{width:5px}.emoji-picker-grid::-webkit-scrollbar-track{background:0 0}.emoji-picker-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.emoji-grid-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.2rem;transition:all .12s;display:flex}.emoji-grid-btn:hover{background:#ffffff1f;transform:scale(1.15)}.emoji-category-label{color:#666;text-transform:uppercase;letter-spacing:.04em;padding:4px 14px 8px;font-size:.68rem;font-weight:600}@media (width<=768px){.emoji-picker-container{width:280px}.emoji-picker-grid{grid-template-columns:repeat(7,1fr);max-height:160px}.emoji-quick-btn{width:32px;height:32px;font-size:1.2rem}.emoji-grid-btn{width:32px;height:32px;font-size:1.05rem}.reaction-pill{padding:0 4px;font-size:.75rem}}@media (width<=480px){.emoji-picker-container{width:calc(100vw - 24px);right:12px;left:12px!important}.emoji-picker-grid{grid-template-columns:repeat(6,1fr)}}.profile-modal-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;flex-direction:column;width:100%;max-width:480px;max-height:min(90vh,680px);animation:.2s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000001f}.profile-modal-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.profile-modal-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.profile-avatar-section{background:var(--hover-bg);border:1px solid var(--card-border);border-radius:10px;align-items:center;gap:18px;padding:12px 16px;display:flex}.profile-avatar-preview-wrap{flex-shrink:0}.profile-avatar-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-secondary-sm{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary-sm:hover{background:var(--hover-bg);border-color:var(--card-border)}.btn-text-danger-sm{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.8rem;font-weight:600}.btn-text-danger-sm:hover{text-decoration:underline}.form-textarea{font-family:inherit;font-size:.9rem;line-height:1.4}.modal-footer{border-top:1px solid var(--card-border);background:var(--card-bg);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.btn-cancel{border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:9px 18px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-cancel:hover{background:var(--hover-bg);color:var(--text-main)}.settings-modal-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;width:95%;max-width:680px;min-height:480px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000029}.settings-header-info{flex-direction:column;gap:2px;display:flex}.modal-title-row{align-items:center;gap:8px;display:flex}.settings-header-icon{color:var(--primary-accent)}.settings-modal-body{background:var(--bg-color);flex:1;min-height:340px;display:flex;overflow:hidden}.settings-sidebar-nav{border-right:1px solid var(--card-border);background:var(--card-bg);flex-direction:column;flex-shrink:0;gap:4px;width:190px;padding:16px 10px;display:flex}.settings-nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.settings-nav-item:hover{background:var(--hover-bg);color:var(--text-main)}.settings-nav-item.active{color:var(--primary-accent);background:#0284c71a;border-color:#0284c733}.settings-tab-content{background:var(--card-bg);flex:1;padding:24px;overflow-y:auto}.settings-section-pane{flex-direction:column;gap:16px;animation:.18s ease-out fadeIn;display:flex}.settings-section-title{color:var(--text-main);font-size:1.15rem;font-weight:700}.settings-section-desc{color:var(--text-muted);margin-top:-10px;margin-bottom:8px;font-size:.85rem}.settings-toggle-list{flex-direction:column;gap:12px;display:flex}.settings-toggle-row{background:var(--bg-color);border:1px solid var(--card-border);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:all .15s;display:flex}.settings-toggle-row:hover{border-color:var(--card-border)}.settings-toggle-info{flex-direction:column;flex:1;gap:3px;display:flex}.settings-toggle-label{color:var(--text-main);font-size:.92rem;font-weight:600}.settings-toggle-caption{color:var(--text-muted);font-size:.78rem;line-height:1.3}.switch-toggle{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch-toggle input{opacity:0;width:0;height:0}.toggle-slider{background-color:#cbd5e1;border-radius:24px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--card-bg);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.switch-toggle input:checked+.toggle-slider{background-color:var(--primary-accent)}.switch-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.theme-selection-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.theme-card{background:var(--bg-color);border:2px solid var(--card-border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.theme-card:hover{border-color:var(--text-muted);transform:translateY(-2px)}.theme-card.active{border-color:var(--primary-accent);background:#0284c70a}.theme-preview-box{border:1px solid #0000001a;border-radius:8px;width:100%;height:76px;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000000d}.light-preview{background:var(--bg-color)}.light-preview .preview-sidebar{border-right:1px solid var(--card-border);background:#e2e8f0;width:30%}.light-preview .preview-content{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.light-preview .preview-bubble{background:#cbd5e1;border-radius:4px;width:60%;height:12px}.light-preview .preview-bubble.right{background:#0284c7;align-self:flex-end;width:50%}.dark-preview{background:#121316}.dark-preview .preview-sidebar{background:#1a1c22;border-right:1px solid #2c2f38;width:30%}.dark-preview .preview-content{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.dark-preview .preview-bubble{background:#2c2f38;border-radius:4px;width:60%;height:12px}.dark-preview .preview-bubble.right{background:#38bdf8;align-self:flex-end;width:50%}.system-preview{display:flex}.system-preview .preview-half{flex:1;height:100%}.system-preview .preview-half.light{background:var(--bg-color);border-right:1px solid var(--card-border)}.system-preview .preview-half.dark{background:#121316}.theme-card-label{color:var(--text-main);font-size:.88rem;font-weight:600}.about-brand-card{text-align:center;background:var(--bg-color);border:1px solid var(--card-border);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.about-brand-icon{background:var(--primary-gradient);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:4px;display:flex;box-shadow:0 4px 12px #0284c74d}.about-app-name{color:var(--text-main);font-size:1.25rem;font-weight:800}.about-version-badge{color:var(--primary-accent);background:#0284c71a;border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:700}.about-desc{color:var(--text-muted);max-width:420px;margin-top:4px;font-size:.84rem;line-height:1.4}.about-meta-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.about-meta-item{background:var(--bg-color);border:1px solid var(--card-border);border-radius:8px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.about-meta-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.72rem;font-weight:700}.about-meta-value{color:var(--text-main);font-size:.86rem;font-weight:600}.status-active-text{color:#16a34a!important}.settings-modal-footer{justify-content:flex-end;gap:12px}.btn-settings-done{border-radius:8px;padding:9px 24px;font-weight:600}.saving-text{color:#d97706;margin-right:auto;font-size:.8rem;font-weight:600}@media (width<=640px){.modal-backdrop,.todo-modal-overlay{padding:10px}.modal-content-card,.todo-modal-card{border-radius:12px;max-width:100%}.modal-header,.todo-modal-header{padding:14px 16px}.modal-title,.todo-modal-title-wrap h3{font-size:1.05rem}.modal-form,.todo-modal-body{gap:14px;padding:14px 16px}.modal-actions,.todo-modal-footer,.modal-footer{gap:8px;padding:12px 16px}.btn-modal-primary,.btn-modal-secondary,.btn-primary-todo,.btn-cancel{padding:8px 14px;font-size:.84rem}.form-row-grid,.about-meta-grid{grid-template-columns:1fr;gap:10px}.settings-modal-card{width:100%;min-height:unset;border-radius:12px;max-height:92vh}.settings-modal-body{min-height:unset;flex-direction:column}.settings-sidebar-nav{border-right:none;border-bottom:1px solid var(--card-border);flex-direction:row;gap:6px;width:100%;padding:8px;overflow-x:auto}.settings-nav-item{white-space:nowrap;padding:6px 10px;font-size:.8rem}.settings-tab-content{padding:14px 16px}.settings-toggle-row{padding:10px 12px}.settings-toggle-label{font-size:.85rem}.theme-selection-grid{grid-template-columns:repeat(3,1fr);gap:8px}.theme-card{padding:8px}.theme-preview-box{height:54px}.profile-avatar-section{flex-direction:column;align-items:flex-start;gap:12px}.todo-card{gap:10px;padding:12px}.todo-meta-row{gap:10px;font-size:.74rem}.todo-filters-bar{flex-direction:column;align-items:stretch;gap:8px}.todo-filter-controls{flex-wrap:wrap;gap:6px}}.search-input,.todo-search-box,.admin-search-input-wrapper,.inchat-search-input-box,.forward-search-input,.add-member-search-box,.channel-members-search-box,.reminder-search-input-wrapper{outline:none!important}.search-input:focus,.search-input:focus-visible,.todo-search-box:focus-within,.admin-search-input-wrapper:focus-within,.inchat-search-input-box:focus-within,.add-member-search-box:focus-within,.channel-members-search-box:focus-within,.reminder-search-input-wrapper:focus-within,.forward-search-input:focus,.forward-search-input:focus-visible{border-color:var(--primary-accent)!important;outline:none!important}.search-input-wrapper input,.todo-search-box input,.admin-search-input-wrapper input,.inchat-search-input-box input,.add-member-search-box input,.channel-members-search-box input,.reminder-search-input-wrapper input{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.btn-header-invite-member{color:var(--primary-accent,#0284c7);cursor:pointer;white-space:nowrap;background:#0ea5e91f;border:1px solid #0ea5e947;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-header-invite-member:hover{background:var(--primary-accent,#0284c7);color:#fff;border-color:var(--primary-accent,#0284c7)}.btn-channel-members-pill{background:var(--bg-hover,#0000000d);border:1px solid var(--card-border,#e2e8f0);color:var(--text-muted,#64748b);cursor:pointer;border-radius:12px;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-channel-members-pill:hover{color:var(--primary-accent,#0284c7);border-color:var(--primary-accent,#0284c7);background:#0ea5e914}.btn-add-member-sidebar{background:var(--primary-accent,#0284c7);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-left:auto;margin-right:8px;padding:3px 8px;font-size:.74rem;font-weight:600;transition:opacity .2s}.btn-add-member-sidebar:hover{opacity:.9}.add-member-modal-backdrop{z-index:1100}.add-channel-member-dialog{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);border-radius:16px;flex-direction:column;width:min(460px,100vw - 28px);max-height:min(620px,100vh - 40px);animation:.2s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;overflow:hidden;box-shadow:0 20px 32px -8px #00000024,0 8px 16px -4px #0000000d}.add-member-header{border-bottom:1px solid var(--card-border,#e2e8f0);background:var(--card-bg,#fff);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.add-member-header-left{align-items:center;gap:12px;min-width:0;display:flex}.add-member-icon-badge{width:38px;height:38px;color:var(--primary-accent,#0284c7);background:#0284c71a;border:1px solid #0284c733;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.add-member-header-text{flex-direction:column;min-width:0;display:flex}.add-member-title-row{align-items:center;gap:8px;display:flex}.add-member-title{color:var(--text-main,#0f172a);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700;line-height:1.25}.add-member-channel-tag{color:var(--primary-accent,#0284c7);text-overflow:ellipsis;white-space:nowrap;background:#0284c71a;border:1px solid #0284c733;border-radius:6px;max-width:140px;padding:2px 7px;font-size:.74rem;font-weight:700;line-height:1.2;overflow:hidden}.add-member-subtitle{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:.78rem;overflow:hidden}.add-member-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.add-member-alert{border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:.82rem;font-weight:500;display:flex}.add-member-alert.alert-error{color:#dc2626;background:#ef444414;border:1px solid #ef444433}.add-member-alert.alert-success{color:#059669;background:#10b98114;border:1px solid #10b98133}.add-member-search-box{background:var(--subpanel-bg,#f1f5f9);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .15s;display:flex}.add-member-search-box:focus-within{background:var(--card-bg,#fff);border-color:var(--primary-accent,#0284c7);box-shadow:0 0 0 3px #0284c71f}.add-member-search-icon{flex-shrink:0}.add-member-search-input{color:var(--text-main,#0f172a);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.86rem}.add-member-search-input::placeholder{color:var(--text-muted,#94a3b8)}.btn-clear-search{cursor:pointer;color:var(--text-muted,#94a3b8);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:flex}.add-member-selected-tray{background:0 0;border:none;flex-direction:column;gap:6px;padding:4px 0;display:flex}.selected-tray-header{justify-content:space-between;align-items:center;display:flex}.selected-tray-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:700}.btn-clear-all-selected{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;padding:0;font-size:.74rem;font-weight:600;transition:color .15s}.btn-clear-all-selected:hover{color:#ef4444}.selected-chips-list{flex-wrap:wrap;gap:6px;max-height:72px;display:flex;overflow-y:auto}.selected-user-chip{background:var(--card-bg);color:var(--text-main,#0f172a);border:1px solid #0284c740;border-radius:16px;align-items:center;gap:6px;padding:2px 7px 2px 3px;font-size:.78rem;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #00000008}.chip-name{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden}.btn-chip-remove{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:flex}.btn-chip-remove:hover{color:#ef4444}.add-member-list-section{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.add-member-list-header{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.list-heading-group{align-items:center;gap:6px;display:flex}.list-heading{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.list-count-badge{color:var(--text-muted,#64748b);background:var(--subpanel-bg,#f1f5f9);border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:700}.btn-text-action{color:var(--primary-accent,#0284c7);cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600;transition:color .15s}.btn-text-action:hover{text-decoration:underline}.add-member-scroll-list{background:0 0;border:none;border-radius:0;flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.add-member-user-row{border-bottom:1px solid var(--card-border,#f1f5f9);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.add-member-user-row:last-child{border-bottom:none}.add-member-user-row:hover:not(.already-member){background:var(--hover-bg,#f8fafc)}.add-member-user-row.selected{background:#0284c70d}.add-member-user-row.already-member{cursor:default;opacity:.7;background:#fcfdfe}.custom-member-checkbox{border:1.5px solid var(--card-border,#cbd5e1);background:var(--card-bg);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.custom-member-checkbox.checked{border-color:var(--primary-accent,#0284c7);background:var(--primary-accent,#0284c7);color:#fff}.custom-member-checkbox.locked{border-color:var(--card-border);background:var(--hover-bg);color:var(--text-muted)}.user-row-avatar{flex-shrink:0}.user-row-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-row-name{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;line-height:1.3;overflow:hidden}.user-row-email{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;line-height:1.3;overflow:hidden}.user-row-status-tag{flex-shrink:0}.badge-already-in-channel{color:var(--text-muted,#64748b);background:var(--subpanel-bg,#f1f5f9);border:1px solid var(--card-border,#e2e8f0);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:600}.badge-member-selected{color:var(--primary-accent,#0284c7);white-space:nowrap;background:#0284c71a;border:1px solid #0284c738;border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:600}.add-member-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:28px 16px;display:flex}.empty-state-title{color:var(--text-main,#0f172a);margin:0;font-size:.88rem;font-weight:600}.empty-state-hint{color:var(--text-muted,#64748b);font-size:.76rem}.add-member-footer{background:var(--subpanel-bg,#f8fafc);border-top:1px solid var(--card-border,#e2e8f0);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.footer-selection-summary{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.selection-count-text strong{color:var(--primary-accent,#0284c7)}.footer-button-group{flex-shrink:0;align-items:center;gap:10px;display:flex}.add-member-footer .btn-modal-cancel{cursor:pointer;border:1px solid var(--card-border,#cbd5e1);background:var(--card-bg);color:var(--text-main,#334155);border-radius:8px;padding:8px 16px;font-size:.86rem;font-weight:600;transition:all .15s}.add-member-footer .btn-modal-cancel:hover:not(:disabled){background:var(--bg-color);border-color:var(--text-muted)}.add-member-footer .btn-modal-primary{cursor:pointer;background:var(--primary-accent,#0284c7);color:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.86rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 3px #0284c766}.add-member-footer .btn-modal-primary:hover:not(:disabled){background:#0277b6;box-shadow:0 2px 4px #0284c780}.add-member-footer .btn-modal-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-spinner-icon{animation:1s linear infinite spin}@media (width<=480px){.add-channel-member-dialog{border-radius:14px;width:calc(100vw - 20px);max-height:calc(100vh - 24px)}.add-member-header,.add-member-body,.add-member-footer{padding-left:14px;padding-right:14px}.add-member-scroll-list{max-height:200px}}.role-modal-backdrop{z-index:1100}.role-modal-dialog{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);border-radius:16px;flex-direction:column;width:min(490px,100vw - 32px);max-height:min(640px,100vh - 48px);animation:.2s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;overflow:hidden;box-shadow:0 20px 32px -8px #00000024,0 8px 16px -4px #0000000d}.role-modal-header{border-bottom:1px solid var(--card-border,#e2e8f0);background:var(--card-bg,#fff);justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.role-modal-header-left{align-items:center;gap:12px;min-width:0;display:flex}.role-modal-icon-badge{width:38px;height:38px;color:var(--primary-accent,#0284c7);background:#0284c71a;border:1px solid #0284c733;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.role-modal-title-group{flex-direction:column;min-width:0;display:flex}.role-modal-title{color:var(--text-main,#0f172a);letter-spacing:-.01em;margin:0;font-size:1.08rem;font-weight:700}.role-modal-subtitle{color:var(--text-muted,#64748b);margin:2px 0 0;font-size:.8rem;line-height:1.35}.role-modal-body{flex-direction:column;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.role-user-preview-card{background:var(--subpanel-bg,#f8fafc);border:1px solid var(--card-border,#e2e8f0);border-radius:12px;align-items:center;gap:14px;padding:12px 16px;display:flex}.role-user-preview-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.role-user-name-row{align-items:center;gap:6px;display:flex}.role-user-preview-name{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.94rem;font-weight:600;overflow:hidden}.role-user-preview-email{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.role-user-current-badge{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.role-current-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.role-pill{letter-spacing:.03em;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700}.role-pill-admin{color:#0284c7;background:#0284c71f;border:1px solid #0284c740}.role-pill-member{color:var(--text-muted);background:#64748b1f;border:1px solid #64748b38}.role-pill-owner{color:#d97706;background:#d977061f;border:1px solid #d9770640}.role-modal-alert{color:#dc2626;background:#dc262614;border:1px solid #dc262633;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;display:flex}.role-options-list{flex-direction:column;gap:10px;display:flex}.role-section-label{color:var(--text-muted,#64748b);letter-spacing:.06em;margin-bottom:2px;font-size:.72rem;font-weight:700}.role-option-card{border:1.5px solid var(--card-border,#e2e8f0);background:var(--card-bg,#fff);cursor:pointer;border-radius:12px;outline:none;align-items:flex-start;gap:14px;padding:14px 16px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.role-option-card:hover:not(.role-option-disabled){border-color:var(--primary-accent,#0284c7);background:var(--hover-bg,#f8fafc);transform:translateY(-1px)}.role-option-card.role-option-selected{border-color:var(--primary-accent,#0284c7);box-shadow:0 0 0 1px var(--primary-accent,#0284c7);background:#0284c70a}.role-option-card.role-option-disabled{opacity:.6;cursor:not-allowed;background:var(--subpanel-bg,#f8fafc)}.role-option-radio-col{flex-shrink:0;padding-top:2px}.role-radio-circle{border:2px solid var(--card-border,#cbd5e1);background:var(--card-bg,#fff);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.role-radio-circle.checked{border-color:var(--primary-accent,#0284c7)}.role-radio-dot{background:var(--primary-accent,#0284c7);border-radius:50%;width:10px;height:10px}.role-option-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.role-option-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.role-option-title-group{align-items:center;gap:8px;display:flex}.role-option-icon{justify-content:center;align-items:center;display:inline-flex}.role-option-name{color:var(--text-main,#0f172a);font-size:.94rem;font-weight:600}.role-badge-tag{letter-spacing:.04em;text-transform:uppercase;border-radius:5px;padding:2px 7px;font-size:.68rem;font-weight:700}.role-badge-admin{color:#0284c7;background:#0284c71f}.role-badge-member{color:var(--text-muted);background:#64748b1f}.role-badge-owner{color:#d97706;background:#d977061f}.role-option-description{color:var(--text-muted,#64748b);margin:0;font-size:.8rem;line-height:1.4}.role-option-hint{color:var(--text-muted,#64748b);margin-top:2px;font-size:.72rem;font-style:italic}.role-modal-footer{background:var(--subpanel-bg,#f8fafc);border-top:1px solid var(--card-border,#e2e8f0);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.role-btn-cancel{border-radius:8px;padding:8px 16px;font-size:.88rem;font-weight:600}.role-btn-confirm{border-radius:8px;align-items:center;padding:8px 20px;font-size:.88rem;font-weight:600;display:inline-flex}.channel-members-modal-backdrop{z-index:1100}.channel-members-dialog{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);border-radius:16px;flex-direction:column;width:min(460px,100vw - 32px);max-height:min(580px,100vh - 48px);animation:.2s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;overflow:hidden;box-shadow:0 20px 32px -8px #00000024,0 8px 16px -4px #0000000d}.channel-members-header{border-bottom:1px solid var(--card-border,#e2e8f0);background:var(--card-bg,#fff);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.channel-members-header-left{align-items:center;gap:12px;min-width:0;display:flex}.channel-members-icon-badge{width:36px;height:36px;color:var(--primary-accent,#0284c7);background:#0284c71a;border:1px solid #0284c72e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.channel-members-title-group{flex-direction:column;min-width:0;display:flex}.channel-members-title-row{align-items:center;gap:8px;display:flex}.channel-members-title{color:var(--text-main,#0f172a);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.channel-members-count-pill{color:var(--primary-accent,#0284c7);background:#0284c71a;border:1px solid #0284c733;border-radius:12px;padding:2px 7px;font-size:.72rem;font-weight:700;line-height:1}.channel-members-subtitle{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.78rem;overflow:hidden}.channel-members-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-channel-add-member{color:var(--primary-accent,#0284c7);cursor:pointer;background:#0284c71a;border:1px solid #0284c740;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-size:.8rem;font-weight:600;transition:all .18s;display:inline-flex}.btn-channel-add-member:hover{background:var(--primary-accent,#0284c7);color:#fff}.channel-members-search-wrapper{background:var(--card-bg,#fff);padding:12px 20px 8px}.channel-members-search-bar{background:var(--subpanel-bg,#f8fafc);border:1px solid var(--card-border,#e2e8f0);border-radius:8px;align-items:center;gap:8px;padding:7px 12px;transition:border-color .15s;display:flex}.channel-members-search-bar:focus-within{border-color:var(--primary-accent,#0284c7);box-shadow:0 0 0 2px #0284c71f}.channel-members-search-icon{color:var(--text-muted,#64748b);flex-shrink:0}.channel-members-search-input{color:var(--text-main,#0f172a);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.84rem}.channel-members-search-input::placeholder{color:var(--text-muted,#94a3b8)}.channel-members-clear-search{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.85rem;line-height:1}.channel-members-clear-search:hover{color:var(--text-main,#0f172a)}.channel-members-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.channel-members-scroll-list{flex-direction:column;gap:4px;max-height:320px;padding:6px 12px;display:flex;overflow-y:auto}.channel-member-row{border-radius:10px;align-items:center;gap:12px;padding:8px 10px;transition:background-color .15s;display:flex}.channel-member-row:hover{background-color:var(--hover-bg,#f1f5f9)}.channel-member-avatar-col{flex-shrink:0}.channel-member-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.channel-member-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.channel-member-name{color:var(--text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.channel-role-tag{letter-spacing:.03em;text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700}.channel-role-tag.creator{color:#0284c7;background:#0284c71f;border:1px solid #0284c740}.channel-role-tag.admin{color:#7c3aed;background:#7c3aed1f;border:1px solid #7c3aed40}.channel-role-tag.owner{color:#d97706;background:#d977061f;border:1px solid #d9770640}.channel-member-email{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.channel-member-presence{flex-shrink:0}.channel-presence-pill{border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.channel-presence-pill.online{color:#16a34a;background:#16a34a1a}.channel-presence-pill.online .presence-dot{background:#16a34a;border-radius:50%;width:6px;height:6px}.channel-presence-pill.offline{color:var(--text-muted);background:#64748b1a}.channel-presence-pill.offline .presence-dot{background:#94a3b8;border-radius:50%;width:6px;height:6px}.channel-members-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 16px;display:flex}.channel-members-empty-icon{font-size:1.5rem}.channel-members-empty-text{color:var(--text-muted,#64748b);margin:0;font-size:.85rem}.channel-members-footer{background:var(--subpanel-bg,#f8fafc);border-top:1px solid var(--card-border,#e2e8f0);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.channel-members-summary{color:var(--text-muted,#64748b);align-items:center;gap:6px;font-size:.78rem;display:flex}.summary-dot{opacity:.7;font-size:.6rem}.summary-online{color:#16a34a;font-weight:500}.channel-members-btn-done{border-radius:8px;padding:6px 16px;font-size:.85rem;font-weight:600}.dark-theme .role-modal-dialog,.dark-theme .channel-members-dialog,.dark-theme .role-modal-header,.dark-theme .channel-members-header,.dark-theme .channel-members-search-wrapper{background:var(--card-bg,#1a1c22);border-color:var(--card-border,#2c2f38)}.dark-theme .role-user-preview-card,.dark-theme .role-modal-footer,.dark-theme .channel-members-footer,.dark-theme .channel-members-search-bar{background:var(--subpanel-bg,#14161b);border-color:var(--card-border,#2c2f38)}.dark-theme .role-option-card{background:var(--card-bg,#1a1c22);border-color:var(--card-border,#2c2f38)}.dark-theme .role-option-card:hover:not(.role-option-disabled){background:var(--hover-bg,#262932)}.dark-theme .role-option-card.role-option-selected{border-color:var(--primary-accent,#38bdf8);background:#38bdf814}.dark-theme .role-radio-circle{background:var(--card-bg,#1a1c22);border-color:#4b5563}.workspace-reminders-view-wrapper{background:var(--bg-color);flex-direction:column;flex:1;width:100%;height:100%;display:flex;overflow:hidden}.reminders-page-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1100px;height:100%;margin:0 auto;padding:24px;display:flex;overflow-y:auto}.reminders-page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.reminders-header-left{align-items:center;gap:14px;display:flex}.reminders-header-icon-badge{width:44px;height:44px;color:var(--primary-accent,#0284c7);background:#0284c71f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.reminders-header-text{flex-direction:column;gap:2px;display:flex}.reminders-page-title{color:var(--text-main);margin:0;font-size:1.35rem;font-weight:700;line-height:1.3}.reminders-page-subtitle{color:var(--text-muted);margin:0;font-size:.85rem}.reminder-filters-toolbar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #00000008}.reminder-filter-tabs{background:var(--subpanel-bg);border-radius:10px;align-items:center;gap:4px;padding:3px;display:flex}.filter-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.filter-tab-btn:hover{color:var(--text-main)}.filter-tab-btn.active{background:var(--card-bg);color:var(--primary-accent);box-shadow:0 1px 3px #00000014}.tab-count-pill{color:var(--text-muted);background:#0000000f;border-radius:10px;padding:1px 7px;font-size:.73rem;font-weight:600}.filter-tab-btn.active .tab-count-pill{color:var(--primary-accent);background:#0284c71f}.tab-count-pill.alert{color:#ef4444;background:#ef444426}.reminder-filter-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reminder-search-input-wrapper{background:var(--subpanel-bg);border:1px solid var(--card-border);border-radius:8px;align-items:center;min-width:200px;transition:border-color .2s;display:flex;position:relative}.reminder-search-input-wrapper:focus-within{border-color:var(--primary-accent)}.reminder-search-input-wrapper .search-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.reminder-search-input{width:100%;color:var(--text-main);background:0 0;padding:7px 30px 7px 34px;font-size:.85rem;box-shadow:none!important;border:none!important;outline:none!important}.reminder-search-input:focus,.reminder-search-input:focus-visible{box-shadow:none!important;outline:none!important}.btn-primary-create-reminder{background:var(--primary-accent);color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;padding:8px 16px;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0284c740}.btn-primary-create-reminder:hover:not(:disabled){background:var(--primary-accent-hover,#0369a1);transform:translateY(-1px);box-shadow:0 4px 8px #0284c759}.btn-primary-create-reminder:disabled{opacity:.5;cursor:not-allowed}.reminders-content-stage{flex-direction:column;flex:1;gap:12px;display:flex}.reminders-list-grid{flex-direction:column;gap:10px;display:flex}.reminder-item-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;align-items:flex-start;gap:14px;padding:16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.reminder-item-card:hover{border-color:#0284c74d;box-shadow:0 4px 12px #0000000d}.reminder-item-card.completed{opacity:.75;background:var(--subpanel-bg)}.reminder-item-left{padding-top:2px}.reminder-event-icon-badge{background:#0284c714;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.reminder-event-icon-badge.completed{background:var(--hover-bg);opacity:.7}.reminder-item-body{flex:1;min-width:0}.reminder-item-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.reminder-item-title{color:var(--text-main,#0f172a);word-break:break-word;margin:0;font-size:.98rem;font-weight:600}.reminder-item-card.completed .reminder-item-title{color:var(--text-muted,#64748b)}.reminder-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.reminder-badge{border-radius:6px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-completed{color:#059669;background:#10b9811f}.badge-missed{color:#dc2626;background:#ef44441f}.badge-snoozed{color:#d97706;background:#f59e0b26}.badge-repeat{color:var(--primary-accent,#0284c7);background:#0284c71a}.reminder-item-desc{color:var(--text-muted,#475569);white-space:pre-wrap;word-break:break-word;margin:4px 0 8px;font-size:.85rem}.reminder-item-meta{color:var(--text-muted,#64748b);align-items:center;gap:14px;margin-top:6px;font-size:.78rem;display:flex}.reminder-meta-time{align-items:center;gap:4px;display:inline-flex}.reminder-meta-time.text-missed{color:#ef4444;font-weight:600}.reminder-snooze-count{opacity:.8;font-style:italic}.reminder-item-actions{align-items:center;gap:6px;display:flex}.btn-reminder-action{border:1px solid var(--card-border,#cbd5e1);color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border-radius:7px;align-items:center;padding:5px 10px;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-reminder-action:hover:not(:disabled){background:var(--subpanel-bg,#f1f5f9);color:var(--text-main,#0f172a)}.btn-reminder-action.btn-delete:hover:not(:disabled){color:#ef4444;background:#ef44441a;border-color:#ef44444d}.snooze-dropdown-wrapper{position:relative}.snooze-menu-dropdown{background:var(--card-bg,#fff);border:1px solid var(--card-border,#cbd5e1);z-index:50;border-radius:8px;width:130px;margin-bottom:4px;padding:4px 0;position:absolute;bottom:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001f}.snooze-menu-dropdown button{text-align:left;width:100%;color:var(--text-main,#0f172a);cursor:pointer;background:0 0;border:none;padding:7px 12px;font-size:.8rem;transition:background .15s}.snooze-menu-dropdown button:hover{background:var(--hover-bg,#f1f5f9)}.reminders-loading-state,.reminders-empty-state{text-align:center;color:var(--text-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;display:flex}.empty-state-icon-circle{background:#0284c71a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:14px;display:flex}.reminders-empty-state h3{color:var(--text-main,#0f172a);margin:0 0 6px;font-size:1.1rem;font-weight:700}.reminders-empty-state p{color:var(--text-muted,#64748b);max-width:400px;margin:0 0 16px;font-size:.86rem}.reminder-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.reminder-modal-card{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);border-radius:16px;width:100%;max-width:480px;animation:.25s cubic-bezier(.16,1,.3,1) reminderModalPop;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes reminderModalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.reminder-modal-header{border-bottom:1px solid var(--card-border,#e2e8f0);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.reminder-modal-title-group{align-items:center;gap:8px;display:flex}.modal-title-icon{color:var(--primary-accent,#0284c7)}.reminder-modal-header h2{color:var(--text-main,#0f172a);margin:0;font-size:1.15rem;font-weight:700}.reminder-error-banner{color:#ef4444;background:#ef44441a;border-radius:8px;margin:16px 24px 0;padding:10px 14px;font-size:.85rem}.reminder-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.reminder-form-group{flex-direction:column;gap:6px;display:flex}.reminder-form-group label{color:var(--text-main,#334155);align-items:center;font-size:.85rem;font-weight:600;display:flex}.label-required{color:#ef4444;margin-left:2px}.label-optional{color:var(--text-muted,#94a3b8);margin-left:4px;font-size:.75rem;font-weight:400}.reminder-form-input,.reminder-form-textarea,.reminder-form-select{border:1px solid var(--card-border,#cbd5e1);background:var(--card-bg,#fff);width:100%;color:var(--text-main,#0f172a);box-sizing:border-box;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:.9rem}.reminder-form-input:focus,.reminder-form-textarea:focus,.reminder-form-select:focus{border-color:var(--primary-accent,#0284c7);box-shadow:0 0 0 3px #0284c726}.reminder-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reminder-modal-footer{background:var(--subpanel-bg,#f8fafc);border-top:1px solid var(--card-border,#e2e8f0);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.btn-modal-cancel{border:1px solid var(--card-border,#cbd5e1);color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600}.btn-modal-cancel:hover{background:var(--hover-bg,#f1f5f9)}.btn-modal-submit{background:var(--primary-accent,#0284c7);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:.85rem;font-weight:600}.btn-modal-submit:hover:not(:disabled){background:var(--primary-accent-hover,#0369a1)}.due-reminder-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#0f172aa6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.due-reminder-card{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);border-radius:20px;width:100%;max-width:440px;animation:.35s cubic-bezier(.34,1.56,.64,1) dueReminderBounce;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.due-reminder-banner{color:#fff;background:linear-gradient(135deg,#0284c7,#0ea5e9);flex-direction:column;align-items:center;gap:8px;padding:24px 20px 20px;display:flex;position:relative}.btn-due-close{cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:14px;right:14px}.due-reminder-icon-circle{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.due-reminder-banner h3{margin:0;font-size:1.25rem;font-weight:700}.due-reminder-body{padding:20px 24px}.due-reminder-title{color:var(--text-main,#0f172a);margin:0 0 6px;font-size:1.05rem;font-weight:700}.due-reminder-desc{color:var(--text-muted,#64748b);white-space:pre-wrap;margin:0 0 12px;font-size:.88rem}.due-reminder-time-tag{color:var(--text-muted,#64748b);background:var(--subpanel-bg,#f1f5f9);border-radius:6px;align-items:center;padding:4px 10px;font-size:.78rem;display:inline-flex}.due-reminder-footer{flex-direction:column;gap:10px;padding:16px 24px 20px;display:flex}.snooze-quick-chips{align-items:center;gap:6px;display:flex}.snooze-chip-label{color:var(--text-muted,#64748b);font-size:.78rem}.btn-snooze-pill{border:1px solid var(--card-border,#cbd5e1);color:var(--text-main,#0f172a);cursor:pointer;background:0 0;border-radius:12px;padding:4px 10px;font-size:.78rem;font-weight:600}.btn-snooze-pill:hover{background:var(--hover-bg,#f1f5f9)}.due-reminder-actions-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn-due-complete{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:9px;justify-content:center;align-items:center;padding:10px 16px;font-size:.88rem;font-weight:600;display:flex}.btn-due-complete:hover{background:#059669}.btn-due-snooze{border:1px solid var(--card-border,#cbd5e1);background:var(--subpanel-bg,#f8fafc);color:var(--text-main,#0f172a);cursor:pointer;border-radius:9px;padding:10px 16px;font-size:.88rem;font-weight:600}.btn-due-snooze:hover{background:var(--hover-bg,#e2e8f0)}.btn-due-dismiss{width:100%;color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:6px;font-size:.8rem}.dark-theme .reminder-filters-toolbar,.dark-theme .reminder-item-card,.dark-theme .reminder-modal-card,.dark-theme .due-reminder-card,.dark-theme .snooze-menu-dropdown{background:var(--card-bg,#1a1c22);border-color:var(--card-border,#2c2f38)}.dark-theme .reminder-filter-tabs,.dark-theme .reminder-modal-footer,.dark-theme .due-reminder-time-tag{background:var(--subpanel-bg,#14161b);border-color:var(--card-border,#2c2f38)}.workspace-notes-view-wrapper{background:var(--bg-color,var(--stage-bg));flex-direction:column;flex:1;width:100%;height:100%;display:flex;overflow:hidden}.notes-page-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:24px;display:flex;overflow-y:auto}.notes-page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.notes-header-left{align-items:center;gap:14px;display:flex}.notes-header-icon{color:#10b981;background:linear-gradient(135deg,#10b98126,#05966940);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notes-title-group h1{color:var(--text-main,#0f172a);align-items:center;gap:8px;margin:0;font-size:1.45rem;font-weight:700;display:flex}.notes-count-badge{background:var(--subpanel-bg,#e2e8f0);color:var(--text-muted,#64748b);border-radius:12px;padding:2px 8px;font-size:.8rem;font-weight:600}.notes-subtitle{color:var(--text-muted,#64748b);margin:2px 0 0;font-size:.85rem}.btn-create-note{background:var(--primary-accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0284c740}.btn-create-note:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 8px #0284c759}.notes-toolbar{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.notes-search-box{width:100%;position:relative}.notes-search-input{border:1px solid var(--card-border,#cbd5e1);background:var(--card-bg,#fff);width:100%;color:var(--text-main,#0f172a);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 38px 10px 40px;font-size:.9rem;transition:border-color .2s}.notes-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.notes-search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.btn-clear-search{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.9rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn-clear-search:hover{color:var(--text-main,#0f172a)}.notes-tag-filters{align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.tag-filter-btn{border:1px solid var(--card-border,#cbd5e1);background:var(--card-bg,#fff);color:var(--text-muted,#64748b);cursor:pointer;white-space:nowrap;border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:500;transition:all .2s}.tag-filter-btn:hover{background:var(--subpanel-bg,#f1f5f9);color:var(--text-main,#0f172a)}.tag-filter-btn.active{color:#059669;background:#10b98126;border-color:#10b981;font-weight:600}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.note-card{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:160px;padding:18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.note-card:hover{border-color:#10b98166;transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.note-card-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.note-card-title{color:var(--text-main,#0f172a);word-break:break-word;margin:0;font-size:1rem;font-weight:700;line-height:1.35}.note-card-actions{opacity:.7;align-items:center;gap:4px;transition:opacity .2s;display:flex}.note-card:hover .note-card-actions{opacity:1}.btn-note-action{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:.85rem;transition:background .15s}.btn-note-action:hover{background:var(--subpanel-bg,#f1f5f9)}.btn-note-action.danger:hover{background:#ef44441f}.note-card-preview{color:var(--text-muted,#475569);word-break:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;margin:0 0 16px;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.note-card-footer{border-top:1px solid var(--card-border,#f1f5f9);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.note-tags-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.note-tag-chip{color:#059669;background:#10b9811a;border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:600}.note-updated-time{color:var(--text-muted,#94a3b8);white-space:nowrap;font-size:.75rem}.notes-loading-state,.notes-error-state{color:var(--text-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.btn-retry{color:#10b981;cursor:pointer;background:0 0;border:1px solid #10b981;border-radius:8px;padding:8px 16px;font-weight:600}.note-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.note-modal-card{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);border-radius:16px;width:100%;max-width:560px;animation:.25s cubic-bezier(.16,1,.3,1) noteModalPop;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes noteModalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.note-modal-header{border-bottom:1px solid var(--card-border,#e2e8f0);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.note-modal-header h2{color:var(--text-main,#0f172a);margin:0;font-size:1.15rem;font-weight:700}.note-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.note-error-banner{color:#ef4444;background:#ef44441a;border-radius:8px;padding:10px 14px;font-size:.85rem}.note-form-group{flex-direction:column;gap:6px;display:flex}.note-form-group label{color:var(--text-main,#334155);font-size:.85rem;font-weight:600}.note-form-input,.note-form-textarea{border:1px solid var(--card-border,#cbd5e1);background:var(--card-bg,#fff);width:100%;color:var(--text-main,#0f172a);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem}.note-form-input:focus,.note-form-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.note-modal-footer{background:var(--subpanel-bg,#f8fafc);border-top:1px solid var(--card-border,#e2e8f0);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.dark-theme .note-card,.dark-theme .note-modal-card,.dark-theme .notes-search-input,.dark-theme .tag-filter-btn{background:var(--card-bg,#1a1c22);border-color:var(--card-border,#2c2f38)}.dark-theme .note-modal-footer{background:var(--subpanel-bg,#14161b);border-color:var(--card-border,#2c2f38)}.gcal-panel{background:var(--bg-color);width:100%;height:100%;color:var(--text-main);flex-direction:column;display:flex;overflow:hidden}.gcal-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.gcal-icon-lg{font-size:2.5rem;line-height:1}.gcal-muted{color:var(--text-muted);margin:0;font-size:.9rem}.gcal-error-text{color:var(--error);max-width:340px;margin:0;font-size:.9rem}.gcal-spinner{border:3px solid var(--card-border);border-top-color:var(--primary-accent);border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:.7s linear infinite gcal-spin}@keyframes gcal-spin{to{transform:rotate(360deg)}}.gcal-connect-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:420px;padding:2.5rem 2rem;display:flex;box-shadow:0 4px 24px #00000012}.gcal-connect-icon-wrap{background:var(--hover-bg);border:1px solid var(--card-border);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.gcal-connect-title{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:700}.gcal-connect-desc{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.65}.gcal-feature-list{text-align:left;flex-direction:column;gap:.45rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.gcal-feature-list li{color:var(--text-muted);padding-left:1.1rem;font-size:.85rem;position:relative}.gcal-feature-list li:before{content:"✓";color:var(--primary-accent);font-weight:700;position:absolute;left:0}.gcal-privacy-note{color:var(--text-muted);margin:0;font-size:.73rem;line-height:1.5}.gcal-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600;line-height:1.4;transition:background .15s,box-shadow .15s,transform .1s,opacity .15s;display:inline-flex}.gcal-btn:disabled{opacity:.5;cursor:not-allowed}.gcal-btn-primary{background:var(--primary-accent);color:#fff}.gcal-btn-primary:hover:not(:disabled){background:#0369a1;transform:translateY(-1px);box-shadow:0 3px 10px #0284c74d}.gcal-btn-outline{color:var(--text-main);border:1px solid var(--card-border);background:0 0}.gcal-btn-outline:hover:not(:disabled){background:var(--hover-bg)}.gcal-btn-ghost{color:var(--error);background:0 0;border:1px solid #0000}.gcal-btn-ghost:hover:not(:disabled){background:#dc262612;border-color:#dc26264d}.gcal-btn-full{width:100%}.gcal-btn-sm{padding:.4rem .85rem;font-size:.82rem}.gcal-btn-icon{border:1px solid var(--card-border);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s;display:flex}.gcal-btn-icon:hover{background:var(--hover-bg);color:var(--text-main)}.gcal-workspace{flex-direction:column;height:100%;display:flex;overflow:hidden}.gcal-header-bar{border-bottom:1px solid var(--card-border);background:var(--subpanel-bg);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.gcal-header-left{align-items:center;gap:.75rem;min-width:0;display:flex}.gcal-avatar{background:linear-gradient(135deg, var(--primary-accent), #2563eb);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.gcal-header-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:500}.gcal-header-email{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.88rem;font-weight:600;overflow:hidden}.gcal-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.gcal-toolbar{border-bottom:1px solid var(--card-border);background:var(--bg-color);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;padding:.6rem 1.25rem;display:flex}.gcal-select{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);cursor:pointer;border-radius:6px;outline:none;max-width:180px;padding:.38rem .7rem;font-family:inherit;font-size:.85rem}.gcal-select:focus{border-color:var(--primary-accent)}.gcal-content-layout{flex-direction:column;flex:1;display:flex;overflow-y:auto}.gcal-calendar-section{border-bottom:1px solid var(--card-border);background:var(--card-bg);padding:1rem 1.25rem}.gcal-month-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.gcal-month-nav{align-items:center;gap:.5rem;display:flex}.gcal-month-title{color:var(--text-main);text-align:center;min-width:140px;margin:0 .5rem;font-size:1.1rem;font-weight:700}.gcal-month-actions{align-items:center;gap:.5rem;display:flex}.gcal-calendar-grid-wrapper{max-width:340px;margin:0 auto}.gcal-weekdays{text-align:center;color:var(--text-muted);text-transform:uppercase;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:grid}.gcal-weekday{padding:.2rem 0}.gcal-days-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.gcal-day{aspect-ratio:1;background:var(--subpanel-bg);cursor:pointer;color:var(--text-main);border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px;font-size:.9rem;font-weight:500;transition:all .15s;display:flex;position:relative}.gcal-day:hover:not(.empty){background:var(--hover-bg);border-color:var(--card-border)}.gcal-day.empty{cursor:default;background:0 0}.gcal-day.today{color:var(--primary-accent);background:#0284c714;font-weight:700}.gcal-day.selected{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.gcal-day-num{z-index:1}.gcal-day-dot{background:var(--primary-accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px}.gcal-day.selected .gcal-day-dot{background:var(--card-bg)}.gcal-event-list-section{flex-direction:column;display:flex}.gcal-selected-date-title{color:var(--text-main);margin:0;padding:1rem 1.25rem 0;font-size:.95rem;font-weight:600}.gcal-event-list-area{flex:1;padding:.75rem 1.25rem 1.5rem;overflow-y:auto}.gcal-events-loading{padding-top:3rem}.gcal-empty-events{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding-top:3.5rem;display:flex}.gcal-events-ul{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.gcal-event-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;align-items:stretch;transition:box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.gcal-event-card:hover{border-color:var(--primary-accent);box-shadow:0 2px 12px #0284c71a}.gcal-event-color-bar{background:var(--primary-accent);flex-shrink:0;width:4px}.gcal-event-body{flex:1;min-width:0;padding:.75rem 1rem}.gcal-event-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.gcal-event-meta{color:var(--text-muted);align-items:center;gap:.35rem;margin-top:.2rem;font-size:.8rem;display:flex}.gcal-event-sep{opacity:.5}.gcal-allday-badge{background:var(--hover-bg);border:1px solid var(--card-border);color:var(--text-muted);border-radius:4px;padding:.05rem .35rem;font-size:.72rem;font-weight:600}.gcal-event-location{color:var(--text-muted);align-items:center;gap:.3rem;margin-top:.25rem;font-size:.78rem;display:flex}.gcal-event-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.78rem;overflow:hidden}.gcal-event-actions{opacity:0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.2rem;padding:.5rem .65rem;transition:opacity .15s;display:flex}.gcal-event-card:hover .gcal-event-actions{opacity:1}.gcal-event-action-btn{border:1px solid var(--card-border);background:var(--bg-color);width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;transition:background .13s,color .13s,border-color .13s;display:flex}.gcal-event-action-btn:hover{background:var(--hover-bg);color:var(--text-main);border-color:var(--primary-accent)}.gcal-event-delete-btn:hover{color:var(--error);border-color:var(--error);background:#dc26260f}.gcal-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;animation:.15s gcal-fade-in;display:flex;position:fixed;inset:0}@keyframes gcal-fade-in{0%{opacity:0}to{opacity:1}}.gcal-modal-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;flex-direction:column;width:480px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 4rem);animation:.2s gcal-slide-up;display:flex;box-shadow:0 24px 60px #00000040}@keyframes gcal-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gcal-modal-header{border-bottom:1px solid var(--card-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem .9rem;display:flex}.gcal-modal-title{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.gcal-modal-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;transition:background .13s,color .13s;display:flex}.gcal-modal-close:hover{background:var(--hover-bg);color:var(--text-main)}.gcal-modal-form{flex-direction:column;flex:1;gap:.9rem;padding:1.25rem 1.4rem;display:flex;overflow-y:auto}.gcal-form-group{flex-direction:column;gap:.3rem;display:flex}.gcal-form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.gcal-form-label{color:var(--text-muted);letter-spacing:.02em;font-size:.8rem;font-weight:600}.gcal-form-input{border:1px solid var(--card-border);background:var(--bg-color);color:var(--text-main);box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.88rem;transition:border-color .14s,box-shadow .14s}.gcal-form-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px #0284c71f}.gcal-form-select{border:1px solid var(--card-border);background:var(--bg-color);color:var(--text-main);cursor:pointer;border-radius:6px;outline:none;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.88rem}.gcal-form-select:focus{border-color:var(--primary-accent)}.gcal-form-textarea{resize:vertical;min-height:72px}.gcal-allday-row{flex-direction:row;justify-content:space-between;align-items:center}.gcal-toggle{background:var(--card-border);cursor:pointer;border:none;border-radius:11px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.gcal-toggle.on{background:var(--primary-accent)}.gcal-toggle-knob{background:var(--card-bg);border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block;position:absolute;top:3px;left:3px}.gcal-toggle.on .gcal-toggle-knob{transform:translate(16px)}.gcal-modal-actions{justify-content:flex-end;gap:.6rem;padding-top:.4rem;display:flex}.gcal-save-error{background:var(--error);color:#fff;z-index:3000;border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #dc262640}.nav-tab-btn.nav-gcal-btn{position:relative}.gcal-connected-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px;position:absolute;top:8px;right:8px}.todo-add-to-cal-btn{border:1px solid var(--card-border);color:var(--primary-accent);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:.3rem;padding:.15rem .55rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .13s,border-color .13s;display:inline-flex}.todo-add-to-cal-btn:hover{background:var(--hover-bg);border-color:var(--primary-accent)}@media (width<=768px){.modal-content-card,.modal-card,.todo-modal-card,.modal-container.admin-edit-modal,.gcal-modal-box{box-sizing:border-box;width:100%!important;max-width:calc(100vw - 32px)!important;margin:0 16px!important}.todo-filters-bar{flex-wrap:wrap;gap:12px}.todo-filter-controls{flex-wrap:wrap;width:100%}.todo-filter-select{flex:1}.todo-item{flex-direction:column;align-items:flex-start}.gcal-header{flex-wrap:wrap;gap:12px}.gcal-calendar-grid{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow-x:auto}.gcal-calendar-days,.gcal-calendar-body{min-width:500px}.admin-table-container,.admin-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}}.sa-root{background:var(--bg-color);width:100vw;height:100vh;color:var(--text-main);font-family:var(--font-family);display:flex;position:relative;overflow:hidden}.sa-sidebar{z-index:10;background:linear-gradient(165deg,#0f172a 0%,#1e293b 100%);border-right:1px solid #ffffff12;flex-direction:column;flex-shrink:0;width:240px;padding:0;display:flex;position:relative}.sa-sidebar-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:22px 20px 18px;display:flex}.sa-brand-text{flex-direction:column;display:flex}.sa-brand-title{color:#fff;letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.sa-brand-sub{color:#fff6;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.sa-sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 10px;display:flex}.sa-nav-btn{color:#ffffff8c;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sa-nav-btn:hover{color:#ffffffe6;background:#ffffff14}.sa-nav-btn.active{color:#38bdf8;background:#38bdf82e}.sa-sidebar-user{border-top:1px solid #ffffff12;align-items:center;gap:10px;margin-top:auto;padding:14px 16px;display:flex}.sa-sidebar-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.sa-sidebar-user-name{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sa-sidebar-user-role{color:#38bdf8;text-transform:uppercase;letter-spacing:.04em;font-size:.67rem;font-weight:600}.sa-btn-logout{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .15s;display:flex}.sa-btn-logout:hover{color:#ef4444}.sa-main{background:var(--bg-color);flex:1;min-width:0;overflow-y:auto}.sa-panel{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:32px 28px 40px;display:flex}.sa-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sa-panel-title{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:800}.sa-panel-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:.875rem}.sa-stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.sa-stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;align-items:center;gap:14px;padding:20px;transition:transform .15s,box-shadow .15s;display:flex}.sa-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000012}.sa-stat-icon{background:rgba(var(--sa-accent,2, 132, 199), .1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sa-stat-body{flex-direction:column;display:flex}.sa-stat-value{color:var(--text-main);letter-spacing:-.03em;font-size:1.65rem;font-weight:800;line-height:1}.sa-stat-label{color:var(--text-muted);margin-top:4px;font-size:.75rem;font-weight:500}.sa-section-title{color:var(--text-main);margin-bottom:14px;font-size:1rem;font-weight:700}.sa-plan-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.sa-plan-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.sa-plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.sa-plan-card-pro{background:linear-gradient(to bottom right, var(--card-bg), #0284c705);border-color:#0284c766}.sa-plan-card-pro:hover{border-color:#0284c799}.sa-plan-card-enterprise{background:linear-gradient(to bottom right, var(--card-bg), #7c3aed05);border-color:#7c3aed4d}.sa-plan-card-enterprise:hover{border-color:#7c3aed80}.sa-plan-card-header{justify-content:space-between;align-items:center;display:flex}.sa-plan-popular{color:#0284c7;text-transform:uppercase;letter-spacing:.05em;background:#0284c71a;border-radius:9999px;padding:4px 10px;font-size:.65rem;font-weight:700}.sa-plan-card-price{color:var(--text-main);align-items:baseline;gap:2px;display:flex}.sa-price-currency{color:var(--text-muted);font-size:1.25rem;font-weight:600}.sa-price-amount{letter-spacing:-.04em;font-size:2.75rem;font-weight:800;line-height:1}.sa-price-period{color:var(--text-muted);margin-left:4px;font-size:.85rem;font-weight:500}.sa-plan-card-features{border-top:1px solid var(--card-border);flex-direction:column;gap:12px;margin-top:8px;padding-top:20px;display:flex}.sa-plan-feature{color:var(--text-main);align-items:center;gap:12px;font-size:.875rem;font-weight:500;display:flex}.sa-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.sa-badge-active{color:#16a34a;background:#16a34a1f;border:1px solid #16a34a40}.sa-badge-pending{color:#d97706;background:#d977061f;border:1px solid #d9770640}.sa-badge-suspended{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.sa-badge-expired{color:#6b7280;background:#6b72801f;border:1px solid #6b728040}.sa-plan-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;padding:2px 9px;font-size:.7rem;font-weight:700;display:inline-flex}.sa-plan-free{color:var(--text-muted);background:#64748b1a;border:1px solid #64748b33}.sa-plan-pro{color:#0284c7;background:#0284c71a;border:1px solid #0284c733}.sa-plan-enterprise{color:#7c3aed;background:#7c3aed1a;border:1px solid #7c3aed33}.sa-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sa-search-box{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:200px;padding:8px 12px;display:flex;box-shadow:none!important;outline:none!important}.sa-search-box:focus-within{border-color:var(--primary-accent,#0284c7);box-shadow:0 0 0 2px #0284c71a!important}.sa-search-input{color:var(--text-main,#0f172a);font-size:.875rem;font-family:var(--font-family);flex:1;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.sa-search-input:focus,.sa-search-input:focus-visible{box-shadow:none!important;border:none!important;outline:none!important}.sa-search-input::placeholder{color:var(--text-muted)}.sa-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:2px;display:flex}.sa-filter-select{min-width:140px}.sa-org-list-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--card-border);grid-template-columns:minmax(0,1fr) 115px 120px 130px 190px;align-items:center;gap:16px;padding:10px 16px;font-size:.72rem;font-weight:700;display:grid}.sa-col-org,.sa-col-status,.sa-col-plan,.sa-col-expires{text-align:left}.sa-col-actions{text-align:right;padding-right:4px}.sa-org-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.sa-org-row{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;grid-template-columns:minmax(0,1fr) 115px 120px 130px 190px;align-items:center;gap:16px;padding:12px 16px;transition:box-shadow .15s,border-color .15s;display:grid}.sa-org-row:hover{border-color:#0284c740;box-shadow:0 2px 10px #0000000a}.sa-org-main{align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.sa-org-icon{background:var(--hover-bg,#0284c70f);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sa-org-info{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.sa-org-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.sa-org-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sa-org-status,.sa-org-plan{align-items:center;min-width:0;display:flex}.sa-org-expiry{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;align-items:center;font-size:.82rem;font-weight:500;display:flex;overflow:hidden}.sa-org-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.sa-btn{cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;transition:background .15s,opacity .15s,border-color .15s;display:inline-flex}.sa-btn:disabled{opacity:.55;cursor:not-allowed}.sa-btn-sm{border-radius:6px;height:32px;padding:0 12px;font-size:.8rem;font-weight:600}.sa-btn-primary{background:var(--primary-gradient);color:#fff}.sa-btn-primary:hover:not(:disabled){opacity:.9}.sa-btn-danger{color:#fff;background:#ef4444}.sa-btn-danger:hover:not(:disabled){background:#dc2626}.sa-btn-success{color:#fff;background:#16a34a}.sa-btn-success:hover:not(:disabled){background:#15803d}.sa-btn-ghost{background:var(--hover-bg);color:var(--text-main);border:1px solid var(--card-border)}.sa-btn-ghost:hover:not(:disabled){background:var(--active-bg)}.sa-btn-sm{border-radius:6px;padding:5px 10px;font-size:.78rem}.sa-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sa-form-group{flex-direction:column;gap:6px;display:flex}.sa-form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.sa-form-input,.sa-form-select{border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font-size:.875rem;font-family:var(--font-family);border-radius:8px;outline:none;padding:9px 12px;transition:border-color .15s}.sa-form-input:focus,.sa-form-select:focus{border-color:var(--primary-accent)}.sa-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sa-modal-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:480px;padding:28px;animation:.2s sa-modal-in;display:flex;box-shadow:0 20px 60px #0000002e}@keyframes sa-modal-in{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sa-modal-header{position:relative}.sa-modal-title-row{align-items:center;gap:10px;display:flex}.sa-modal-title-row h3{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.sa-modal-subtitle{color:var(--text-muted);align-items:center;gap:5px;margin:6px 0 0;font-size:.8rem;display:flex}.sa-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:0;right:0}.sa-modal-close:hover{color:var(--text-main)}.sa-modal-footer{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.sa-confirm-card{max-width:420px}.sa-confirm-header{align-items:center;gap:12px;display:flex}.sa-confirm-header h3{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.sa-confirm-msg{color:var(--text-muted);font-size:.9rem;line-height:1.5}.sa-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.sa-features-card{max-width:440px}.sa-features-list{flex-direction:column;gap:2px;display:flex}.sa-feature-row{border:1px solid var(--card-border);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.sa-feature-row.enabled{background:#0284c70a;border-color:#0284c726}.sa-feature-row.disabled{background:#ef444408;border-color:#ef44441a}.sa-feature-info{flex-direction:column;gap:2px;display:flex}.sa-feature-label{color:var(--text-main);font-size:.875rem;font-weight:600}.sa-feature-desc{color:var(--text-muted);font-size:.75rem}.sa-feature-toggle{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:4px;transition:transform .1s;display:flex}.sa-feature-toggle:hover{transform:scale(1.05)}.sa-sub-card{max-width:500px}.sa-loading{text-align:center;color:var(--text-muted);padding:40px;font-size:.9rem}.sa-empty-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:48px;font-size:.9rem;display:flex}.sa-error-msg{color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:8px;padding:10px 14px;font-size:.85rem}.sa-toast{z-index:3000;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:.875rem;font-weight:600;animation:.25s sa-toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0003}@keyframes sa-toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.sa-toast-success{color:#fff;background:#16a34a}.sa-toast-error{color:#fff;background:#ef4444}@media (width<=768px){.sa-sidebar{display:none}.sa-panel{padding:20px 16px 32px}.sa-stats-grid{grid-template-columns:repeat(2,1fr)}.sa-plan-grid{grid-template-columns:1fr}.sa-org-list-header{display:none}.sa-org-row{grid-template-columns:1fr;gap:10px}.sa-form-grid{grid-template-columns:1fr}}@media (width<=480px){.sa-stats-grid{grid-template-columns:1fr}.sa-modal-card{width:95%;padding:16px}.sa-panel-header{flex-direction:column;align-items:flex-start;gap:12px}.sa-filter-bar{flex-direction:column;align-items:stretch}.sa-search-box,.sa-filter-select{width:100%}.sa-org-row{padding:12px 10px}.sa-org-badges{flex-wrap:wrap;gap:4px}.sa-org-actions{flex-wrap:wrap;gap:6px}.sa-btn-sm{padding:6px 10px;font-size:.75rem}}:root{--bg-color:#f8fafc;--card-bg:#fff;--card-border:#e2e8f0;--primary-accent:#0284c7;--primary-gradient:linear-gradient(135deg, #0284c7 0%, #2563eb 100%);--success:#16a34a;--warning:#d97706;--error:#dc2626;--text-main:#0f172a;--text-muted:#64748b;--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-bg:#f8fafc;--subpanel-bg:#fff;--stage-bg:#f8fafc;--hover-bg:#f1f5f9;--active-bg:#e2e8f0;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--header-height:60px;--input-height:40px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}html.dark-theme,body.dark-theme,.dark-theme{--bg-color:#111b21;--card-bg:#202c33;--card-border:#222d34;--primary-accent:#38bdf8;--primary-gradient:linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--text-main:#e9edef;--text-muted:#8696a0;--sidebar-bg:#111b21;--subpanel-bg:#111b21;--stage-bg:#0b141a;--hover-bg:#202c33;--active-bg:#2a3942}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);min-height:100vh;color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.auth-wrapper{width:100%;max-width:520px;margin:auto;padding:24px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark-theme ::-webkit-scrollbar-thumb{background:#334155}.dark-theme ::-webkit-scrollbar-thumb:hover{background:#475569}:focus-visible{outline:2px solid var(--primary-accent);outline-offset:2px}input:focus,textarea:focus,select:focus,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none!important}button,input,select,textarea{font-family:inherit}button{transition:background-color .18s,border-color .18s,transform .1s,box-shadow .18s}button:active:not(:disabled){transform:scale(.985)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}[data-lk-theme=default]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--lk-bg:#111;--lk-bg2:#1e1e1e;--lk-bg3:#2b2b2b;--lk-bg4:#373737;--lk-bg5:#444;--lk-fg:#fff;--lk-fg2:#f5f5f5;--lk-fg3:#ebebeb;--lk-fg4:#e0e0e0;--lk-fg5:#d6d6d6;--lk-border-color:#ffffff1a;--lk-accent-fg:#fff;--lk-accent-bg:#1f8cf9;--lk-accent2:#3396fa;--lk-accent3:#47a0fa;--lk-accent4:#5babfb;--lk-danger-fg:#fff;--lk-danger:#f91f31;--lk-danger2:#fa3343;--lk-danger3:#fa4756;--lk-danger4:#fb5b68;--lk-success-fg:#fff;--lk-success:#1ff968;--lk-success2:#33fa75;--lk-success3:#47fa83;--lk-success4:#5bfb90;--lk-control-fg:var(--lk-fg);--lk-control-bg:var(--lk-bg2);--lk-control-hover-bg:var(--lk-bg3);--lk-control-active-bg:var(--lk-bg4);--lk-control-active-hover-bg:var(--lk-bg5);--lk-connection-excellent:#06db4d;--lk-connection-good:#f9b11f;--lk-connection-poor:#f91f31;--lk-font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--lk-font-size:16px;--lk-line-height:1.5;--lk-border-radius:.5rem;--lk-box-shadow:0 .5rem 1.5rem #00000026;--lk-drop-shadow:#fff3 0px 0px 24px;--lk-grid-gap:.5rem;--lk-control-bar-height:69px;--lk-chat-header-height:69px}.lk-button,.lk-start-audio-button,.lk-chat-toggle,.lk-disconnect-button{color:var(--lk-control-fg);background-image:none;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);cursor:pointer;white-space:nowrap;font-size:inherit;line-height:inherit;-webkit-user-select:none;user-select:none;border:0;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;display:inline-flex;position:relative}.lk-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-start-audio-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-start-audio-button,[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-start-audio-button:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-start-audio-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled{opacity:.5}.lk-button-group{align-items:stretch;height:100%;display:inline-flex}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-start-audio-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-button-group-menu{flex-shrink:0;position:relative}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-start-audio-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button{border-top-left-radius:0;border-bottom-left-radius:0;height:100%}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-start-audio-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after{margin-left:0}.lk-button-menu:after{content:"";transform-origin:50%;border-bottom:.125em solid;border-left:.125em solid;width:.5em;height:.5em;margin-top:-.25rem;margin-left:.5rem;display:inline-block;transform:rotate(-45deg)}.lk-disconnect-button{color:var(--lk-danger);border:1px solid var(--lk-danger);font-weight:600}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg:var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg:var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{content:attr(data-lk-unread-msgs);background:var(--lk-accent-bg);border-radius:50%;margin-top:.25rem;margin-left:.25rem;padding:.25rem;font-size:.5rem;line-height:.75;position:absolute;top:0;left:0}.lk-media-device-select:not(:last-child){border-bottom:1px solid var(--lk-border-color);margin-bottom:.75rem;padding-bottom:.5rem}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{justify-content:start;width:100%;padding-block:.5rem}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{cursor:pointer;background-color:#0000000d}.lk-media-device-select [data-lk-active=true]>.lk-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}.lk-device-menu{z-index:5;white-space:nowrap;background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);width:max-content;min-width:10rem;box-shadow:var(--lk-box-shadow);border-radius:.75rem;margin-bottom:.25rem;padding:.5rem;position:absolute;top:0;left:0}.lk-device-menu-heading{opacity:.65;padding:.25rem .5rem;font-weight:700}.lk-start-audio-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}@media screen and (width<=600px){.lk-start-audio-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);opacity:0;align-items:stretch;transition:opacity .15s ease-in-out;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.lk-pagination-count{border-inline:1px solid var(--lk-bg);padding:.5rem .875rem}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{height:var(--lk-grid-gap);background-color:var(--lk-bg2);width:fit-content;bottom:calc(var(--lk-grid-gap)/2);opacity:1;border-radius:2rem;align-items:center;gap:.2rem;padding:.2rem .5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.lk-pagination-indicator span{background-color:var(--lk-fg);opacity:.35;border-radius:9999999px;width:.4rem;height:.4rem;transition:opacity .2s linear;display:inline-block}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count:1;--lk-row-count:1;grid-template-columns:repeat(var(--lk-col-count), minmax(0, 1fr));grid-gap:var(--lk-grid-gap);width:100%;max-width:100%;height:100%;max-height:100%;padding:var(--lk-grid-gap);grid-auto-rows:minmax(0,1fr);display:grid}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{gap:var(--lk-grid-gap);width:100%;max-height:100%;padding:var(--lk-grid-gap);grid-template-columns:1fr 5fr;display:grid}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{width:20%;height:auto;position:absolute;top:10px;right:10px}@media (width<=600px){.lk-focus-layout{grid-template-rows:5fr 1fr;grid-template-columns:1fr}.lk-carousel{order:1}}.lk-carousel{gap:var(--lk-grid-gap);max-height:100%;display:flex}.lk-carousel>*{aspect-ratio:16/10;scroll-snap-align:start;flex-shrink:0}.lk-carousel[data-lk-orientation=vertical]{scroll-snap-type:y mandatory;flex-direction:column;overflow:hidden auto}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps:calc(100% - calc(var(--lk-grid-gap) * calc(var(--lk-max-visible-tiles) - 1)));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{scroll-snap-type:x mandatory;overflow:auto hidden}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps:calc(100% - var(--lk-grid-gap) * (var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{width:1.5rem;height:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{width:var(--lk-indicator-size,1rem);height:var(--lk-indicator-size,1rem);margin-inline-end:.25rem;transition:opacity .25s ease-in-out;position:relative}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg:var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{object-fit:cover;object-position:center;background-color:#000;width:100%;height:100%}.lk-participant-media-video[data-lk-orientation=landscape]{object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{object-fit:contain;background-color:var(--lk-bg2)}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{background:var(--lk-bg-control);aspect-ratio:16/9;border-radius:.5rem;justify-content:space-around;align-items:center;width:100%;height:100%;min-height:160px;display:flex}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:all .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{background:var(--lk-bg);justify-content:center;align-items:center;gap:var(--lk-va-bar-gap,24px);width:100%;height:100%;display:flex}.lk-audio-bar-visualizer>.lk-audio-bar{transform-origin:"center";height:100%;width:var(--lk-va-bar-width,12px);border-radius:var(--lk-va-bar-border-radius,32px);background-color:var(--lk-va-bar-bg,#8883);transition:background-color .25s ease-out}.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar,.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true]{background-color:var(--lk-fg,#888);transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width:2.5px;border-radius:var(--lk-border-radius);flex-direction:column;gap:.375rem;display:flex;position:relative;overflow:hidden}.lk-participant-tile:after{content:"";border-radius:var(--lk-border-radius);border:0px solid var(--lk-accent-bg);transition-property:border opacity;pointer-events:none;transition-duration:.4s;transition-delay:.5s;position:absolute;inset:0}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{border-width:var(--lk-speaking-indicator-width);transition-duration:.2s;transition-delay:0s}.lk-participant-tile .lk-focus-toggle-button{border-radius:calc(var(--lk-border-radius)/2);opacity:0;background-color:#00000080;padding:.25rem;transition:opacity .2s ease-in-out .2s;position:absolute;top:.25rem;right:.25rem}.lk-participant-tile:hover .lk-focus-toggle-button,.lk-participant-tile:focus .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out .2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor],.lk-participant-tile:hover .lk-connection-quality,.lk-participant-tile:focus .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{background-color:var(--lk-bg2);opacity:0;pointer-events:none;border-radius:var(--lk-border-radius);justify-content:center;align-items:center;transition:opacity .2s ease-in-out;display:flex;position:absolute;inset:0}.lk-participant-tile .lk-participant-placeholder svg{width:auto;height:100%;padding:10%}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;line-height:1;display:flex;position:absolute;bottom:.25rem;left:.25rem;right:.25rem}.lk-participant-metadata-item{border-radius:calc(var(--lk-border-radius)/2);background-color:#00000080;align-items:center;padding:.25rem;display:flex}.lk-toast{background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex;position:fixed;top:.75rem;left:50%;transform:translate(-50%)}.lk-spinner{animation:2s linear infinite lk-rotate}@keyframes lk-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.lk-room-container{background-color:var(--lk-bg);line-height:var(--lk-line-height)}.lk-room-container{--lk-has-imported-styles:"true";width:100%;height:100%;position:relative}.lk-room-container [class^=lk-],.lk-room-container [class*=\ lk-]{box-sizing:border-box}.lk-audio-conference{width:100%;height:100%;position:relative}.lk-audio-conference-stage{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;height:100%;display:grid}.lk-chat{grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);align-items:end;width:max(200px,55ch);display:grid}.lk-chat-header{height:var(--lk-chat-header-height);justify-content:center;align-items:center;padding:.75rem;display:flex;position:relative}.lk-chat-header .lk-close-button{background-color:#0000;position:absolute;right:0;transform:translate(-50%)}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{flex-direction:column;gap:.25rem;width:100%;max-height:100%;display:flex;overflow:auto}.lk-chat-entry{flex-direction:column;gap:.25rem;margin:0 .25rem;display:flex}.lk-chat-entry .lk-meta-data{color:var(--lk-fg5);white-space:nowrap;padding:0 .3rem;font-size:.75rem;display:flex}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{align-self:flex-end;margin-left:auto}.lk-chat-entry .lk-edit-button{float:right;background:0 0;border-radius:0;margin:0;padding:0 .25rem;font-size:12px}.lk-chat-entry .lk-message-body{word-break:break-word;border-radius:15px;width:fit-content;max-width:calc(100% - 32px);padding:.25rem .75rem;display:inline-block}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{color:inherit;text-decoration:underline}.lk-chat-entry *{margin-block:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height);gap:.75rem;padding:.75rem;display:flex}.lk-chat-form-input{font-size:inherit;line-height:inherit;width:100%}@media (width<=600px){.lk-chat{max-width:100%;top:0;right:0;bottom:var(--lk-control-bar-height);position:fixed}}.lk-control-bar,.lk-agent-control-bar{border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex}.lk-agent-control-bar{height:var(--lk-control-bar-height);--lk-bg:transparent;--lk-va-bar-width:2px;--lk-va-bar-gap:4px;--lk-va-bar-border-radius:1px}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{background-color:var(--lk-bg);line-height:var(--lk-line-height)}[data-lk-theme]{font-size:var(--lk-font-size);font-family:var(--lk-font-family);color:var(--lk-fg)}[data-lk-theme] .lk-list{margin:0;padding:0;list-style:none}[data-lk-theme] .lk-form-control{font-family:var(--lk-font-family);background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);padding:.625rem 1rem}.lk-prejoin{box-sizing:border-box;background-color:var(--lk-bg);flex-direction:column;align-items:stretch;gap:1rem;width:min(100%,480px);margin-inline:auto;padding:1rem;display:flex}.lk-prejoin .lk-video-container{aspect-ratio:16/10;border-radius:var(--lk-border-radius);background-color:#000;width:100%;height:auto;position:relative;overflow:hidden}.lk-prejoin .lk-video-container video,.lk-prejoin .lk-video-container .lk-camera-off-note{object-fit:cover;width:100%;height:100%;display:block}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{aspect-ratio:16/10;background-color:#000;place-items:center;width:100%;display:grid;position:absolute;top:0;left:0}.lk-prejoin .lk-video-container .lk-camera-off-note>*{max-width:100%;height:70%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{width:100%;height:auto}.lk-prejoin .lk-button-group-container{flex-wrap:nowrap;gap:1rem;display:flex}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media (width<=400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{flex-direction:column;gap:1rem;width:100%;max-width:100%;display:flex}.lk-prejoin .lk-join-button{--lk-control-fg:var(--lk-accent-fg);--lk-control-bg:var(--lk-accent-bg);--lk-control-hover-bg:var(--lk-accent2);--lk-control-active-bg:var(--lk-accent3);--lk-control-active-hover-bg:var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{width:100%;height:calc(100% - var(--lk-control-bar-height));justify-content:center;display:flex;position:relative}.lk-grid-layout-wrapper{flex-direction:column;align-items:center}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{align-items:stretch;height:100%;display:flex;position:relative}.lk-video-conference-inner{flex-direction:column;align-items:stretch;width:100%;display:flex}.lk-settings-menu-modal{background:var(--lk-bg);border-radius:var(--lk-border-radius);padding:1rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);flex-direction:column;align-items:center;gap:.5rem;min-width:50vw;max-width:100%;min-height:50vh;max-height:100%;padding:.75rem 1.25rem;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.livekit-overlay{z-index:9999;background-color:#111;flex-direction:column;display:flex;position:fixed;inset:0}.container{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.main-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;width:100%;padding:36px 28px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000008}.badge{text-transform:uppercase;letter-spacing:.08em;color:var(--primary-accent);background:#0284c71a;border:1px solid #0284c733;border-radius:9999px;margin-bottom:16px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-block}.title{letter-spacing:-.025em;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:2.5rem;font-weight:800}.subtitle{color:var(--text-muted);margin-bottom:24px;font-size:1rem;font-weight:500}.auth-card{border:1px solid var(--card-border);text-align:left;background:#fff;border-radius:12px;margin-bottom:24px;padding:28px 24px;box-shadow:0 4px 12px #00000008}.auth-title{color:var(--text-main);margin-bottom:4px;font-size:1.35rem;font-weight:700}.auth-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:.875rem}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#334155;font-size:.85rem;font-weight:600}.form-input{border:1px solid var(--card-border);color:var(--text-main);background-color:#f8fafc;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary-accent);background-color:#fff;box-shadow:0 0 0 3px #0284c726}.btn-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:6px;padding:12px 20px;font-size:.95rem;font-weight:700;transition:all .2s ease-in-out}.btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;color:var(--text-muted);margin-top:18px;font-size:.85rem}.link-btn{color:var(--primary-accent);cursor:pointer;background:0 0;border:none;padding:0 4px;font-weight:600;text-decoration:underline}.link-btn:hover{color:#7dd3fc}.alert{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.875rem;font-weight:500}.alert-error{color:#fca5a5;background-color:#ef444426;border:1px solid #ef44444d}.alert-success{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.dark-theme .alert-success{color:#86efac;background-color:#22c55e26;border:1px solid #22c55e4d}.dashboard-card{border:1px solid var(--card-border);text-align:left;background:#0f172a;border-radius:12px;margin-bottom:24px;padding:24px}.user-welcome-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.welcome-text{color:var(--text-main);font-size:1.5rem;font-weight:700}.btn-logout{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-logout:hover{background:#ef444440}.info-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.info-item{border:1px solid var(--card-border);background:#1e293b;border-radius:8px;padding:12px}.info-label{text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:.75rem;font-weight:600}.info-value{color:var(--text-main);word-break:break-all;font-size:.9rem;font-weight:600}.test-section{border:1px solid var(--card-border);background:#1e293b;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.test-header{color:#cbd5e1;font-size:.875rem;font-weight:600}.test-btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn-test-action{color:#f8fafc;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:6px;padding:8px 14px;font-size:.825rem;font-weight:600;transition:all .2s}.btn-test-action:hover{background:#475569}.test-result-box{color:#38bdf8;word-break:break-all;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:10px;font-family:monospace;font-size:.8rem}.status-box{border:1px solid var(--card-border);text-align:left;background:#0f172a;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex}.status-row{justify-content:space-between;align-items:center;display:flex}.status-label{color:var(--text-main);font-size:.875rem;font-weight:600}.status-pill{border-radius:20px;align-items:center;gap:8px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.status-pill.success{color:var(--success);background-color:#22c55e26;border:1px solid #22c55e4d}.status-pill.untested{color:var(--warning);background-color:#f59e0b26;border:1px solid #f59e0b4d}.dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.footer-info{color:var(--text-muted);margin-top:16px;font-size:.8rem}.main-card-landing{max-width:440px;padding:48px 36px 40px}.landing-hub{flex-direction:column;align-items:center;gap:0;display:flex}.landing-brand{text-align:center;margin-bottom:36px}.landing-title{letter-spacing:-.03em;background:var(--primary-gradient,linear-gradient(135deg, #0ea5e9, #6366f1));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:2.6rem;font-weight:800;line-height:1.1}.landing-subtitle{color:var(--text-muted);font-size:1rem;font-weight:500}.landing-actions{flex-direction:column;gap:12px;width:100%;margin-bottom:28px;display:flex}.landing-btn{cursor:pointer;text-align:left;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:14px;width:100%;padding:16px 20px;font-family:inherit;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.landing-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.landing-btn-primary,.landing-btn-secondary{background:var(--card-bg,#fff);color:var(--text-main,#1f2937);border:1px solid var(--card-border,#e5e7eb);box-shadow:0 1px 3px #0000000a}.landing-btn-primary:hover,.landing-btn-secondary:hover{border-color:var(--primary-accent,#0284c7);background:#0284c70a;box-shadow:0 4px 12px #0284c714}.landing-btn-icon{flex-shrink:0;font-size:1.5rem}.landing-btn-text{flex-direction:column;gap:3px;display:flex}.landing-btn-text strong{color:var(--text-main,#0f172a);font-size:.95rem;font-weight:700;line-height:1.2}.landing-btn-text small{color:var(--text-muted,#64748b);font-size:.78rem;font-weight:400;line-height:1.3}.landing-info-note{text-align:center;width:100%;color:var(--text-muted,#64748b);background:#0284c70f;border:1px solid #0284c71f;border-radius:10px;padding:14px 16px;font-size:.82rem;line-height:1.4}.landing-divider{width:100%;color:var(--text-muted);align-items:center;gap:12px;margin-bottom:16px;font-size:.82rem;display:flex}.landing-divider:before,.landing-divider:after{content:"";background:var(--card-border,#e2e8f0);flex:1;height:1px}.landing-signin-btn{border:1.5px solid var(--card-border,#e2e8f0);width:100%;color:var(--primary-accent,#0ea5e9);cursor:pointer;background:0 0;border-radius:10px;padding:12px;font-family:inherit;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s}.landing-signin-btn:hover{border-color:var(--primary-accent,#0ea5e9);background:#0ea5e90a}.back-link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:14px;padding:0;font-family:inherit;font-size:.82rem;transition:color .15s;display:inline-flex}.back-link-btn:hover{color:var(--primary-accent,#0ea5e9)}.create-company-header{margin-bottom:6px}.form-section{background:var(--sidebar-bg,#f8fafc);border:1px solid var(--card-border,#e2e8f0);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.form-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 4px;font-size:.75rem;font-weight:700}.form-label-optional{color:var(--text-muted);font-size:.78rem;font-weight:400}.join-auth-actions{flex-direction:column;gap:10px;margin-top:10px;display:flex}.join-auth-divider{text-align:center;color:var(--text-muted);padding:4px 0;font-size:.82rem}.join-company-card{max-width:540px;margin:0 auto 24px}.join-search-form-group{margin-bottom:16px}.join-search-bar{align-items:center;gap:8px;display:flex}.join-search-input-wrap{flex:1;align-items:center;display:flex;position:relative}.search-icon-inside{pointer-events:none;position:absolute;left:12px}.join-search-input{width:100%;background-color:var(--card-bg,#fff)!important;border:1px solid var(--card-border,#e2e8f0)!important;border-radius:8px!important;padding-left:36px!important;font-size:.9rem!important}.btn-search-trigger{white-space:nowrap;margin-top:0!important;padding:10px 18px!important;font-size:.88rem!important}.join-search-status{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;gap:8px;padding:20px 0;font-size:.84rem;display:flex}.join-results-list{flex-direction:column;gap:8px;margin-top:6px;display:flex}.join-result-item{border:1px solid var(--card-border,#e2e8f0);background:var(--card-bg,#fff);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.join-result-item:hover{border-color:#0284c74d;box-shadow:0 2px 8px #0000000a}.join-result-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.join-badge-icon{background:#0284c714;border:1px solid #0284c726;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.join-result-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.join-result-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.join-result-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.join-result-action{flex-shrink:0}.btn-join-request{padding:6px 14px;font-size:.8rem;font-weight:600}.join-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.join-badge-member{color:#059669;background:#05966914;border:1px solid #05966933}.join-badge-pending{color:var(--primary-accent,#0284c7);background:#0284c714;border:1px solid #0284c733}.join-badge-rejected{color:#dc2626;background:#dc262614;border:1px solid #dc262633}.btn-secondary{border:1.5px solid var(--card-border,#e2e8f0);color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.btn-secondary:hover{background:#6366f10a;border-color:#6366f1}@media (width<=640px){.join-company-card{border-radius:12px;margin-bottom:16px;padding:18px 14px}.join-search-bar{gap:6px}.join-search-input{padding-left:32px!important;font-size:.85rem!important}.btn-search-trigger{padding:8px 14px!important;font-size:.82rem!important}.join-result-item{gap:10px;padding:10px 12px}.join-badge-icon{width:32px;height:32px}.join-result-name{font-size:.88rem}.join-result-desc{font-size:.75rem}.btn-join-request{padding:5px 10px;font-size:.76rem}.join-badge{padding:3px 8px;font-size:.7rem}}.org-status-badge{letter-spacing:.01em;white-space:nowrap;box-sizing:border-box;border-radius:9999px;justify-content:center;align-items:center;min-width:82px;height:28px;padding:0 12px;font-size:.78rem;font-weight:600;display:inline-flex}.org-badge-active{color:#16a34a;background:#16a34a1a;border:1px solid #16a34a40}.org-badge-pending{color:#d97706;background:#d977061a;border:1px solid #d9770640}.org-badge-suspended{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.org-badge-rejected{color:#b91c1c;background:#ef44441a;border:1px solid #ef444440}.org-badge-expired{color:#6b7280;background:#6b72801a;border:1px solid #6b728040}.org-plan-badge{letter-spacing:.01em;white-space:nowrap;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;min-width:82px;height:28px;padding:0 12px;font-size:.78rem;font-weight:600;display:inline-flex}.org-plan-free{color:#475569;background:#64748b14;border:1px solid #64748b38}.org-plan-pro{color:#0284c7;background:#0284c714;border:1px solid #0284c738}.org-plan-enterprise{color:#7c3aed;background:#7c3aed14;border:1px solid #7c3aed38}.org-status-plan-group{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.org-suspension-banner{color:#991b1b;background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;align-items:center;gap:14px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #ef444414}.workspace-main-wrapper>.org-suspension-banner{margin:14px 24px 16px}.org-suspension-banner.compact{gap:10px;margin-bottom:12px;padding:10px 14px}.suspension-banner-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.suspension-banner-content{flex-direction:column;gap:2px;display:flex}.suspension-banner-title{color:#b91c1c;font-size:.92rem;font-weight:700}.suspension-banner-sub{color:#7f1d1d;font-size:.82rem}.org-suspension-banner.expired{color:#92400e;background:#fffbeb;border-color:#fde68a;box-shadow:0 1px 3px #d9770614}.org-suspension-banner.expired .suspension-banner-title{color:#b45309}.org-suspension-banner.expired .suspension-banner-sub{color:#92400e}.plan-disabled-input-bar{color:#64748b;text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;padding:14px 18px;font-size:.88rem;font-weight:500;display:flex}.plan-disabled-input-bar .plan-disabled-text{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:inline-flex}.org-overview-card{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 1px 4px #0000000a}.org-overview-card.org-card-suspended{background:snow;border-color:#fca5a5}.org-overview-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.org-title-group{flex-direction:column;gap:2px;display:flex}.org-header-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#64748b);font-size:.75rem;font-weight:700}.org-header-name{color:var(--text-main,#0f172a);margin:0;font-size:1.25rem;font-weight:700}.org-card-suspension-alert{color:#991b1b;background:#fee2e2;border:1px solid #f87171;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:.84rem;display:flex}.org-card-suspension-alert div{flex-direction:column;gap:2px;display:flex}.org-metrics-grid{grid-template-columns:auto 1fr;align-items:center;gap:24px;margin-bottom:16px;display:grid}.org-metric-item{flex-direction:column;gap:6px;display:flex}.metric-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#64748b);font-size:.75rem;font-weight:700}.metric-val{align-items:center;display:flex}.metric-date{color:var(--text-main,#0f172a);align-items:center;gap:6px;font-size:.88rem;font-weight:600;display:inline-flex}.metric-date.date-expired{color:#ef4444}.org-card-divider{background:var(--card-border,#e2e8f0);height:1px;margin:16px 0}.org-features-section{flex-direction:column;gap:10px;display:flex}.features-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#64748b);font-size:.75rem;font-weight:700}.features-chips-list{flex-wrap:wrap;gap:8px;display:flex}.feature-status-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.feature-status-chip.chip-enabled{color:#166534;background:#16a34a0d;border-color:#16a34a33}.feature-status-chip.chip-enabled .feature-check-icon{color:#16a34a;font-weight:800}.feature-status-chip.chip-disabled{color:#94a3b8;opacity:.7;background:#f1f5f9;border-color:#cbd5e1}.feature-status-chip.chip-disabled .feature-check-icon{color:#94a3b8}@media (width<=640px){.org-metrics-grid{grid-template-columns:1fr;gap:12px}}.pending-approval-card{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);box-sizing:border-box;text-align:center;border-radius:16px;width:100%;max-width:500px;padding:36px 30px;box-shadow:0 10px 30px -5px #0000000f,0 4px 10px -2px #00000008}.pending-status-icon-wrap{flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.pending-status-icon-box{background:#fffbeb;border:2px solid #fde68a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:10px;transition:all .3s;display:flex;box-shadow:0 0 0 5px #f59e0b14}.pending-status-icon-box.approved{background:#f0fdf4;border:2px solid #bbf7d0;box-shadow:0 0 0 5px #16a34a14}.pending-icon-emoji{font-size:26px;line-height:1}.pending-status-tag{letter-spacing:.06em;text-transform:uppercase;color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.pending-title{color:var(--text-main,#0f172a);letter-spacing:-.02em;margin:0 0 8px;font-size:1.4rem;font-weight:800;line-height:1.25}.pending-subtitle{color:var(--text-muted,#64748b);max-width:400px;margin:0 auto 20px;font-size:.88rem;line-height:1.5}.pending-stepper{background:var(--hover-bg,#f8fafc);border:1px solid var(--card-border,#e2e8f0);border-radius:12px;justify-content:space-between;align-items:center;margin:0 4px 22px;padding:12px 16px;display:flex}.pending-step{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.step-dot{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:700;display:flex}.step-done .step-dot{color:#fff;background:#16a34a}.step-active .step-dot{color:#fff;background:#d97706;box-shadow:0 0 0 3px #d9770633}.step-upcoming .step-dot{color:#94a3b8;background:#e2e8f0}.step-label{color:var(--text-muted,#64748b);white-space:nowrap;font-size:.72rem;font-weight:600}.step-done .step-label{color:#16a34a}.step-active .step-label{color:#d97706;font-weight:700}.step-line{background:#e2e8f0;flex:1;height:2px;margin:0 8px 16px}.step-line.step-line-active{background:#d97706}.pending-feedback-box{text-align:left;border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:11px 14px;font-size:.84rem;line-height:1.45;animation:.25s ease-out pendingFadeIn;display:flex}.pending-feedback-box.feedback-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.pending-feedback-box.feedback-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.pending-feedback-box.feedback-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.pending-feedback-icon{flex-shrink:0;font-size:1.05rem}.pending-details-card{background:var(--card-bg,#fff);border:1px solid var(--card-border,#e2e8f0);text-align:left;border-radius:12px;margin-bottom:18px;padding:4px 16px}.pending-detail-row{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.pending-detail-row:last-child{border-bottom:none}.pending-detail-label{color:var(--text-muted,#64748b);flex-shrink:0;font-size:.82rem;font-weight:500}.pending-detail-value{color:var(--text-main,#0f172a);text-align:right;word-break:break-word;font-size:.85rem;font-weight:600}.pending-plan-badge{color:#0369a1;letter-spacing:.02em;background:#e0f2fe;border:1px solid #bae6fd;border-radius:5px;padding:2px 8px;font-size:.72rem;font-weight:700}.pending-status-pill{color:#92400e;letter-spacing:.02em;background:#fef3c7;border:1px solid #fde68a;border-radius:5px;padding:2px 8px;font-size:.72rem;font-weight:700}.pending-user-email{color:var(--text-muted,#64748b);font-size:.78rem;font-weight:400}.pending-info-text{color:var(--text-muted,#64748b);text-align:center;margin-bottom:22px;font-size:.8rem;line-height:1.5}.pending-actions-row{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.btn-check-status{cursor:pointer;background:var(--primary-accent,#0284c7);color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:150px;padding:10px 22px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-check-status:hover:not(:disabled){background:#0369a1;transform:translateY(-1px);box-shadow:0 4px 10px #0284c740}.btn-check-status:disabled{opacity:.75;cursor:not-allowed;transform:none}.btn-signout{cursor:pointer;border:1.5px solid var(--card-border,#e2e8f0);background:var(--card-bg,#fff);color:var(--text-main,#334155);border-radius:8px;justify-content:center;align-items:center;min-width:110px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-signout:hover{background:var(--hover-bg,#f8fafc);color:#0f172a;border-color:#cbd5e1}.spin-animation{animation:1s linear infinite pendingSpin}@keyframes pendingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pendingFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=440px){.pending-approval-card{padding:24px 16px}.pending-actions-row{flex-direction:column;width:100%}.btn-check-status,.btn-signout{width:100%;min-width:100%}}