@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Caveat:wght@600&display=swap");:root{--primary-blue:#2563eb;--primary-blue-hover:#1d4ed8;--primary-blue-light:#eff4fe;--primary-blue-glow:rgba(37,99,235,.25);--sent-bubble-bg:linear-gradient(135deg,#2f69f6,#3b7bf8);--received-bubble-bg:#f3f5f9;--danger-red:#ef4444;--danger-red-hover:#dc2626;--success-green:#10b981;--warning-amber:#f59e0b;--purple-accent:#8b5cf6;--purple-light:#f3eeff;--bg-page:#edf1f7;--bg-window:#fff;--bg-sidebar:#fafbfc;--bg-hover:#f1f4f9;--bg-input:#f6f8fb;--bg-card:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#8f9cae;--text-light:#9ca3af;--border-subtle:#e8eef5;--border-medium:#dce3ed;--border-focus:#3b82f6;--shadow-sm:0 1px 3px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.06);--shadow-lg:0 12px 30px rgba(0,0,0,.08);--shadow-window:0 25px 70px -15px rgba(22,36,68,.12);--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-handwriting:"Caveat",cursive}*{box-sizing:border-box;padding:0;margin:0}body,html{overflow-x:hidden;font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-viewport,body,html{max-width:100vw;background-color:var(--bg-page)}.app-viewport{height:100vh;width:100vw;padding:0;margin:0}.app-viewport,.flux-window{display:flex;overflow:hidden}.flux-window{width:100%;height:100%;max-width:100%;background:var(--bg-window);border-radius:0;box-shadow:none;border:none;flex-direction:column;position:relative}.dark-theme,[data-theme=dark]{--primary-blue:#3b82f6;--primary-blue-hover:#60a5fa;--primary-blue-light:#1e293b;--primary-blue-glow:rgba(59,130,246,.25);--sent-bubble-bg:linear-gradient(135deg,#2563eb,#1d4ed8);--received-bubble-bg:#1e293b;--bg-page:#0b0f19;--bg-window:#0f172a;--bg-sidebar:#0b1120;--bg-hover:#1e293b;--bg-input:#1e293b;--bg-card:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-light:#475569;--border-subtle:#1e293b;--border-medium:#334155;--border-focus:#3b82f6}.top-header{height:60px;min-height:60px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:16px;background:var(--bg-window);z-index:30}.header-left-brand-zone{display:flex;align-items:center;gap:8px;min-width:190px}.stylish-hamburger-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-primary);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;padding:0;flex-shrink:0;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:background-color,border-color}.stylish-hamburger-btn:hover{background:var(--bg-hover);border-color:var(--border-subtle);color:var(--primary-blue)}.stylish-hamburger-btn:active{transform:scale(.96)}.stylish-hamburger-btn.is-expanded{background:rgba(37,99,235,.1);border-color:rgba(37,99,235,.28);color:#2563eb}.dark-theme .stylish-hamburger-btn.is-expanded,[data-theme=dark] .stylish-hamburger-btn.is-expanded{background:rgba(59,130,246,.18);border-color:rgba(59,130,246,.38);color:#60a5fa}.stylish-hamburger-btn.is-expanded:hover{background:rgba(37,99,235,.16);border-color:rgba(37,99,235,.45);box-shadow:0 2px 8px rgba(37,99,235,.25)}.stylish-hamburger-svg{transition:transform .18s cubic-bezier(.4,0,.2,1);will-change:transform}.stylish-hamburger-btn:hover .stylish-hamburger-svg{transform:scale(1.05)}.stylish-hamburger-svg line{transition:x1 .26s cubic-bezier(.4,0,.2,1),x2 .26s cubic-bezier(.4,0,.2,1),stroke .2s ease,transform .26s cubic-bezier(.4,0,.2,1)}.stylish-hamburger-btn.is-expanded .bar-bot,.stylish-hamburger-btn.is-expanded .bar-mid,.stylish-hamburger-btn.is-expanded .bar-top{stroke:#2563eb}.dark-theme .stylish-hamburger-btn.is-expanded .bar-bot,.dark-theme .stylish-hamburger-btn.is-expanded .bar-mid,.dark-theme .stylish-hamburger-btn.is-expanded .bar-top,[data-theme=dark] .stylish-hamburger-btn.is-expanded .bar-bot,[data-theme=dark] .stylish-hamburger-btn.is-expanded .bar-mid,[data-theme=dark] .stylish-hamburger-btn.is-expanded .bar-top{stroke:#60a5fa}.stylish-hamburger-btn:hover .bar-bot,.stylish-hamburger-btn:hover .bar-mid,.stylish-hamburger-btn:hover .bar-top{stroke:var(--primary-blue)}.mobile-menu-trigger-btn{display:none}.brand-logo-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px var(--primary-blue-glow);flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.brand-header-logo:hover .brand-logo-icon{transform:scale(1.05)}.brand-header-logo{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:4px 6px;border-radius:var(--radius-sm);transition:opacity .15s ease}.brand-header-logo:hover{opacity:.88}.brand-header-text-group{display:flex;flex-direction:column}.brand-title-row{display:flex;align-items:center;gap:6px}.brand-logo-text{font-size:17px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.brand-version-pill{font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);background:var(--primary-blue-light);color:var(--primary-blue)}.brand-status-tag{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--success-green)}.brand-status-pulse{width:6px;height:6px;border-radius:50%;background-color:var(--success-green);box-shadow:0 0 0 2px rgba(16,185,129,.25);animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.header-center-zone{display:flex;align-items:center;justify-content:center;gap:16px;flex:1 1;max-width:660px;margin:0 auto}.search-bar-container{flex:1 1;max-width:440px;min-width:200px;position:relative}.search-input-wrapper{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:7px 14px;gap:10px;color:var(--text-secondary);transition:all .2s ease}.search-input-wrapper:focus-within{background:var(--bg-window);border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-glow)}.search-input{border:none;background:transparent;outline:none;font-size:13.5px;font-family:inherit;color:var(--text-primary);width:100%}.search-input::placeholder{color:var(--text-light)}.kbd-shortcut{font-size:11px;color:var(--text-muted);background:var(--bg-window);border:1px solid var(--border-medium);border-radius:5px;padding:2px 6px;font-weight:600;white-space:nowrap}.search-results-dropdown-popover{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-window);border:1px solid var(--border-medium);border-radius:var(--radius-lg,12px);box-shadow:0 16px 36px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;max-height:400px;overflow-y:auto;padding:8px}.search-results-empty,.search-results-loading{padding:16px;text-align:center;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:8px}.search-results-header{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);padding:6px 10px;letter-spacing:.05em}.search-result-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-md,8px);cursor:pointer;transition:background .15s ease}.search-result-item:hover{background:var(--bg-hover,rgba(99,102,241,.08))}.search-result-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-input);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.search-result-avatar img{width:100%;height:100%;object-fit:cover}.search-result-info{flex:1 1;min-width:0}.search-result-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.search-result-title{font-size:13.5px;font-weight:500;color:var(--text-primary)}.search-result-snippet,.search-result-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-snippet{font-size:12px;color:var(--text-secondary);margin-top:2px}.search-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:capitalize}.search-badge-message{background:rgba(59,130,246,.12);color:#3b82f6}.search-badge-contact{background:rgba(16,185,129,.12);color:#10b981}.search-badge-file{background:rgba(245,158,11,.12);color:#f59e0b}.header-utilities-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.header-dropdown-container{position:relative;display:inline-flex}.icon-btn-ghost{color:var(--text-secondary);width:36px;height:36px;padding:0;border-radius:var(--radius-md);position:relative;transition:background-color .15s ease,color .15s ease}.icon-btn-ghost.active,.icon-btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.fullscreen-toggle-btn.active{color:var(--primary-blue);background:var(--primary-blue-light)}.notification-badge-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;background-color:var(--danger-red);border-radius:var(--radius-full);border:1.5px solid #fff}.header-right-zone{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-vertical-divider{width:1px;height:22px;background:var(--border-medium);margin:0 4px;opacity:.85;flex-shrink:0}.workspace-logout-group{display:flex;align-items:center;border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-hover);padding:2px 3px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.workspace-logout-group:focus-within,.workspace-logout-group:hover{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-blue-glow)}.org-switcher-wrapper{position:relative;width:190px;min-width:190px;max-width:190px;flex-shrink:0}.org-switcher-pill{width:100%;height:32px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:6px;border:none;background:transparent;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text-primary);transition:background-color .15s ease,color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.org-switcher-pill.active,.org-switcher-pill:hover{background:rgba(37,99,235,.08);color:var(--primary-blue)}.org-switcher-pill.active .org-icon-chevron,.org-switcher-pill.active .org-icon-grid,.org-switcher-pill:hover .org-icon-chevron,.org-switcher-pill:hover .org-icon-grid{color:var(--primary-blue)!important}.org-icon-grid{flex-shrink:0;transition:color .15s ease}.org-name-text{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:13.5px;font-weight:600;letter-spacing:-.15px}.org-icon-chevron{flex-shrink:0;margin-left:auto;transition:color .15s ease}.group-inner-divider{width:1px;height:18px;background:var(--border-medium);margin:0 3px;flex-shrink:0;opacity:.85}.group-logout-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);flex-shrink:0;transition:background-color .15s ease,color .15s ease,transform .1s ease}.group-logout-btn:hover{background:rgba(239,68,68,.14);color:#ef4444!important}.group-logout-btn:active{transform:scale(.94)}.header-dropdown-menu.org-dropdown{position:absolute;left:0;top:calc(100% + 7px);width:220px;min-width:220px;background:var(--bg-window);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:60;overflow:hidden;animation:slideDown .15s ease}.org-dropdown-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;font-size:13px;font-weight:500}.app-body-container{flex:1 1;display:flex;overflow:hidden;height:calc(100% - 60px)}.sidebar-wrapper-container{flex-shrink:0;width:200px;transition:width .24s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:20}.sidebar-wrapper-container.collapsed{width:68px}.left-nav-sidebar{width:200px;min-width:200px;height:100%;border-right:1px solid var(--border-subtle);background:var(--bg-sidebar);display:flex;flex-direction:column;justify-content:space-between;padding:16px 12px;transition:width .24s cubic-bezier(.4,0,.2,1),padding .24s cubic-bezier(.4,0,.2,1);overflow-x:hidden;overflow-y:auto}.left-nav-sidebar.collapsed{width:68px;min-width:68px;padding:14px 10px;align-items:center}.nav-links-list{display:flex;flex-direction:column;gap:4px;list-style:none;width:100%}.left-nav-sidebar.collapsed .nav-links-list{align-items:center;gap:8px}.nav-item-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.left-nav-sidebar.collapsed .nav-item-btn{width:48px;height:48px;padding:0;justify-content:center;position:relative;margin:0 auto;border-radius:12px}.nav-item-left{display:flex;align-items:center;gap:12px}.left-nav-sidebar.collapsed .nav-item-left{gap:0;justify-content:center}.left-nav-sidebar.collapsed .nav-item-label-text{display:none!important}.nav-item-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item-btn.active{background:var(--primary-blue-light);color:var(--primary-blue)}.nav-badge-pill{background:var(--primary-blue);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full)}.nav-badge-pill-green{background:var(--success-green);padding:2px 7px}.left-nav-sidebar.collapsed .nav-badge-pill,.left-nav-sidebar.collapsed .nav-badge-pill-green{position:absolute;top:4px;right:4px;min-width:17px;height:17px;font-size:10px;font-weight:700;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg-sidebar);line-height:1}.collapsed-pro-btn{display:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(59,130,246,.18));border:1px solid rgba(37,99,235,.28);align-items:center;justify-content:center;cursor:pointer;margin:0 auto 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.collapsed-pro-btn:hover{transform:scale(1.08);box-shadow:0 4px 12px var(--primary-blue-glow);background:linear-gradient(135deg,rgba(37,99,235,.2),rgba(59,130,246,.28))}.left-nav-sidebar.collapsed .collapsed-pro-btn{display:flex}.left-nav-sidebar.collapsed .upgrade-promo-card{display:none!important}.left-nav-sidebar.collapsed .user-profile-footer{justify-content:center;padding:6px 0;width:100%}.left-nav-sidebar.collapsed .user-profile-footer .icon-btn-ghost,.left-nav-sidebar.collapsed .user-profile-text{display:none!important}.left-nav-sidebar.collapsed .avatar-with-status{margin:0 auto}.upgrade-promo-card{background:linear-gradient(180deg,#f8faff,#eef2ff);border:1px solid #dce6fd;border-radius:var(--radius-lg);padding:14px;position:relative;overflow:hidden;margin-bottom:12px}.dark-theme .upgrade-promo-card,[data-theme=dark] .upgrade-promo-card{background:linear-gradient(180deg,#131e35,#172440);border-color:#273859}.upgrade-card-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.upgrade-card-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.upgrade-card-desc{font-size:11px;color:var(--text-secondary);line-height:1.4;margin-bottom:12px}.upgrade-btn{width:100%;padding:8px;background:var(--bg-window);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--primary-blue);font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.upgrade-btn:hover{background:var(--primary-blue);color:#fff}.user-profile-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 6px;border-radius:var(--radius-md);transition:background .15s ease;cursor:pointer}.user-profile-footer:hover{background:var(--bg-hover)}.user-profile-info{display:flex;align-items:center;gap:10px}.avatar-with-status{position:relative;width:34px;height:34px}.avatar-img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.status-indicator-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:var(--radius-full);background-color:var(--success-green);border:2px solid #fff}.user-profile-text{display:flex;flex-direction:column}.user-profile-name{font-size:13px;font-weight:700;color:var(--text-primary);line-height:1.2}.user-profile-status{font-size:11px;color:var(--text-muted)}.conversations-sidebar{width:290px;min-width:290px;border-right:1px solid var(--border-subtle);background:var(--bg-window);display:flex;flex-direction:column;overflow:hidden}.conversations-header{padding:16px 18px 12px;display:flex;align-items:center;justify-content:space-between}.conversations-title{font-size:17px;font-weight:700;color:var(--text-primary)}.icon-btn-round{width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .15s ease}.icon-btn-round:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-chips-row{display:flex;align-items:center;gap:6px;padding:0 16px 14px;overflow-x:auto;scrollbar-width:none}.filter-chips-row::-webkit-scrollbar{display:none}.filter-chip{padding:4px 12px;border-radius:var(--radius-full);border:1px solid transparent;background:var(--bg-hover);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.filter-chip:hover{background:var(--border-medium);color:var(--text-primary)}.filter-chip.active{background:var(--primary-blue);color:#fff}.filter-chip-badge{margin-left:4px;font-size:11px}.conversations-scroll-list{flex:1 1;overflow-y:auto;padding:6px 12px;display:flex;flex-direction:column;gap:3px}.conversation-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-lg);cursor:pointer;transition:background-color .15s ease;position:relative;overflow:hidden}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.active{background:var(--primary-blue-light)}.group-avatar-box{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.conversation-content-meta{flex:1 1;min-width:0}.conversation-top-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.conversation-name{font-size:13.5px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:11.5px;color:var(--text-muted);white-space:nowrap}.conversation-bottom-line{display:flex;align-items:center;justify-content:space-between;position:relative;min-height:22px}.conversation-snippet{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;min-width:0;padding-right:8px}.conv-actions-stack{position:relative;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;min-width:24px;height:24px}.conv-static-indicators{display:flex;align-items:center;gap:6px;opacity:1;transform:scale(1);transition:opacity .15s ease,transform .15s ease;pointer-events:auto}.conversation-item:hover .conv-static-indicators{opacity:0;transform:scale(.9);pointer-events:none}.conversation-unread-pill{width:18px;height:18px;border-radius:var(--radius-full);background:var(--primary-blue);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-main-area{flex:1 1;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--border-subtle);overflow:hidden}.chat-channel-header{height:64px;min-height:64px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.channel-info-left{display:flex;align-items:center;gap:12px}.channel-title-row{display:flex;align-items:center;gap:8px}.channel-title{font-size:16px;font-weight:700;color:var(--text-primary)}.channel-subtitle{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.channel-actions-right{display:flex;align-items:center;gap:8px}.action-pill-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-hover);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.action-pill-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.action-icon-pill{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-hover);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.action-icon-pill:hover{background:var(--border-subtle);color:var(--text-primary);border-color:var(--primary-blue)}.chat-subtabs-bar{display:flex;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid var(--border-subtle);background:var(--bg-window)}.chat-tab-btn{padding:10px 0;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .15s ease}.chat-tab-btn:hover{color:var(--text-primary)}.chat-tab-btn.active{color:var(--primary-blue)}.chat-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary-blue);border-radius:2px}.messages-timeline-scroll{flex:1 1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:18px}.timeline-divider{display:flex;align-items:center;justify-content:center;margin:6px 0}.timeline-divider-tag{font-size:11.5px;font-weight:600;color:var(--text-muted);background:#f3f5f9;padding:3px 12px;border-radius:var(--radius-full)}.message-row{display:flex;align-items:flex-start;gap:12px}.message-row.self{justify-content:flex-end}.message-bubble-wrapper{max-width:65%;display:flex;flex-direction:column}.message-meta-header{display:flex;align-items:center;gap:8px;margin-bottom:5px}.message-sender-name{font-size:13px;font-weight:700;color:var(--text-primary)}.message-timestamp{font-size:11px;color:var(--text-muted)}.message-bubble{padding:12px 16px}.message-bubble.incoming{background:var(--received-bubble-bg);color:var(--text-primary);border-top-left-radius:4px}.message-bubble.self{background:var(--sent-bubble-bg);color:#fff;border-top-right-radius:4px;box-shadow:0 4px 14px rgba(37,99,235,.2)}.message-footer-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;font-size:11px;color:var(--text-muted)}.checkmarks-blue{color:var(--primary-blue);font-weight:700}.attachment-card{margin-top:8px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:var(--shadow-sm);transition:all .15s ease}.attachment-card:hover{box-shadow:var(--shadow-md);border-color:#d3deee}.attachment-file-info{display:flex;align-items:center;gap:12px}.attachment-type-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.figma-icon-box{background:#fff1f0;color:#f24e1e}.pdf-icon-box{background:#fef2f2;color:#ef4444}.zip-icon-box{background:#fef3c7;color:#d97706}.docx-icon-box{background:#eff6ff;color:#2563eb}.attachment-text-name{font-size:13px;font-weight:700;color:var(--text-primary)}.attachment-text-sub{font-size:11.5px;color:var(--text-muted)}.reactions-bar{display:flex;align-items:center;gap:6px;margin-top:6px}.reaction-pill{display:flex;background:#f3f5f9;border:1px solid #e5ebf4;padding:3px 8px;font-size:12px}.reaction-pill:hover{background:#e8eef8;border-color:#cad7eb}.reaction-count{font-size:11.5px;color:var(--text-secondary)}.reaction-add-btn{background:transparent;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:2px}.reaction-add-btn:hover{color:var(--text-primary)}.message-composer-card{margin:16px 24px 20px;background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:12px 16px;box-shadow:0 4px 16px rgba(0,0,0,.04);transition:border-color .2s ease,box-shadow .2s ease}.message-composer-card:focus-within{border-color:var(--primary-blue);box-shadow:0 4px 20px rgba(37,99,235,.12)}.composer-input-field{width:100%;border:none;outline:none;font-family:inherit;font-size:13.5px;color:var(--text-primary);background:transparent;resize:none;min-height:24px;margin-bottom:10px}.composer-input-field::placeholder{color:var(--text-muted)}.composer-toolbar-bottom{display:flex;align-items:center;justify-content:space-between}.composer-tools-left{display:flex;align-items:center;gap:8px}.composer-tool-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.composer-tool-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.composer-tools-right{display:flex;align-items:center;gap:8px}.send-action-btn{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(37,99,235,.3);transition:transform .15s ease,box-shadow .15s ease}.send-action-btn:hover{transform:scale(1.04);box-shadow:0 6px 16px rgba(37,99,235,.4)}.team-details-sidebar{width:310px;min-width:310px;background:var(--bg-window);display:flex;flex-direction:column;overflow-y:auto;padding:16px 20px}.details-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.details-panel-title{font-size:16px;font-weight:700;color:var(--text-primary)}.team-profile-banner{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:18px;border-bottom:1px solid var(--border-subtle)}.team-large-avatar{width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;margin-bottom:12px;box-shadow:0 8px 20px rgba(99,102,241,.25)}.team-name-lg{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.team-members-sub{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.team-bio-text{font-size:12px;color:var(--text-muted);line-height:1.4;margin-bottom:14px}.team-quick-call-actions{display:flex;align-items:center;gap:8px;width:100%}.team-quick-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-hover);color:var(--text-primary);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.team-quick-btn:hover{background:var(--border-subtle);border-color:var(--primary-blue);color:var(--primary-blue)}.team-details-subtabs{display:flex;align-items:center;justify-content:space-around;padding:12px 0;border-bottom:1px solid var(--border-subtle);margin-bottom:16px}.details-tab-btn{font-size:12.5px;font-weight:600;color:var(--text-secondary);border:none;background:transparent;cursor:pointer;padding:4px 6px;position:relative}.details-tab-btn.active{color:var(--primary-blue)}.details-tab-btn.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:var(--primary-blue);border-radius:2px}.details-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.details-section-title{font-size:13px;font-weight:700;color:var(--text-primary)}.details-see-all-btn{font-size:12px;color:var(--primary-blue);font-weight:600;text-decoration:none;background:transparent;border:none;cursor:pointer}.members-roster-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.member-roster-item{display:flex;align-items:center;justify-content:space-between}.member-info-left{display:flex;align-items:center;gap:10px}.member-avatar-sm{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover}.member-name-text{font-size:12.5px;font-weight:600;color:var(--text-primary)}.member-role-text{font-size:11px;color:var(--text-muted)}.owner-tag-badge{font-size:11px;font-weight:600;color:#d97706;display:flex;align-items:center;gap:4px}.shared-files-list{display:flex;flex-direction:column;gap:10px}.shared-file-item{display:flex;align-items:center;gap:10px;padding:6px;border-radius:var(--radius-md);transition:background .15s ease;cursor:pointer}.shared-file-item:hover{background:var(--bg-hover)}.file-icon-box{width:32px;height:32px;border-radius:8px}.file-name-text{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.file-meta-sub{font-size:11px;color:var(--text-muted)}.call-screen-container{height:100%}.call-main-stage,.call-screen-container{flex:1 1;display:flex;overflow:hidden;position:relative}.call-main-stage{flex-direction:column;justify-content:space-between;padding:24px 30px}.audio-call-stage{align-items:center;justify-content:space-between;background:radial-gradient(circle at 50% 35%,rgba(224,235,255,.7) 0,rgba(245,248,255,.4) 45%,#fff 85%)}.call-top-bar{width:100%}.encrypted-pill-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#f4f6fb;border:1px solid #e5eaf3;border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--text-secondary)}.audio-center-aura-wrapper{flex-direction:column;margin:auto 0}.audio-center-aura-wrapper,.avatar-radial-glow{display:flex;align-items:center;justify-content:center;position:relative}.avatar-radial-glow{width:260px;height:260px}.glow-ring-outer{position:absolute;width:250px;height:250px;border-radius:var(--radius-full);border:1px solid rgba(191,219,254,.6);background:radial-gradient(circle,rgba(219,234,254,.4) 0,rgba(239,246,255,.1) 70%,transparent 100%);animation:pulseOuter 3s ease-in-out infinite alternate}.glow-ring-inner{position:absolute;width:200px;height:200px;border-radius:var(--radius-full);border:1px solid rgba(147,197,253,.8);background:radial-gradient(circle,rgba(191,219,254,.6) 0,transparent 80%);animation:pulseInner 2.5s ease-in-out infinite alternate}@keyframes pulseOuter{0%{transform:scale(.96);opacity:.6}to{transform:scale(1.04);opacity:.9}}@keyframes pulseInner{0%{transform:scale(.98);opacity:.7}to{transform:scale(1.03);opacity:1}}.audio-call-avatar-img{width:156px;height:156px;border-radius:var(--radius-full);object-fit:cover;z-index:2;box-shadow:0 10px 25px rgba(37,99,235,.2);border:4px solid #fff}.caller-name-heading{font-size:24px;font-weight:800;color:var(--text-primary);margin-top:18px;margin-bottom:4px}.caller-role-subtitle{font-size:13.5px;color:var(--text-secondary);margin-bottom:8px}.call-timer-display{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:.5px;margin-bottom:24px}.waveform-container{display:flex;align-items:center;justify-content:center;gap:3.5px;height:44px;margin-bottom:18px}.wave-bar{width:3.5px;background:#6366f1;border-radius:var(--radius-full);transition:height .15s ease;animation:wavePulse 1.2s ease-in-out infinite alternate}@keyframes wavePulse{0%{transform:scaleY(.4);opacity:.6}to{transform:scaleY(1.1);opacity:1}}.connection-quality-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#f0fdf4;border:1px solid #dcfce7;border-radius:var(--radius-full);font-size:12px;font-weight:600;color:#15803d}.bottom-call-control-bar{justify-content:center;gap:20px;z-index:10}.call-btn-item{gap:8px}.circle-call-btn{width:52px;height:52px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#f4f6fb;color:var(--text-primary)}.circle-call-btn:hover{background:#e8eef8;transform:translateY(-2px)}.circle-call-btn.active-blue{background:var(--primary-blue);border-color:var(--primary-blue);box-shadow:0 6px 16px var(--primary-blue-glow)}.circle-call-btn.danger-red{background:var(--danger-red);color:#fff;border-color:var(--danger-red);box-shadow:0 6px 16px rgba(239,68,68,.35)}.circle-call-btn.danger-red:hover{background:var(--danger-red-hover)}.call-btn-label{font-size:11.5px;font-weight:600;color:var(--text-secondary)}.call-side-panel{width:330px;min-width:330px;border-left:1px solid var(--border-subtle);background:#fff;display:flex;flex-direction:column;overflow:hidden}.call-side-tabs-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-subtle)}.call-tab-pills{display:flex;align-items:center;gap:16px}.take-notes-prompt-card{margin:12px 16px;padding:12px 14px;border-radius:var(--radius-md);background:linear-gradient(135deg,#f5f7ff,#eef2ff);border:1px solid #dce5fd;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .15s ease}.take-notes-prompt-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px rgba(37,99,235,.08)}.take-notes-left{display:flex;align-items:flex-start;gap:10px}.sparkle-icon-box{color:var(--primary-blue);margin-top:2px}.take-notes-title{font-size:12.5px;font-weight:700;color:var(--primary-blue);margin-bottom:2px}.take-notes-desc{font-size:11px;color:var(--text-secondary);line-height:1.35}.video-grid-stage{background:#f9fafd;padding:18px 24px;flex:1 1;display:flex;flex-direction:column;justify-content:space-between;background:#0b0f19;padding:16px 20px;overflow:hidden;position:relative;min-height:0}.call-top-bar{justify-content:space-between;z-index:10;padding-bottom:10px;border-bottom:1px solid hsla(0,0%,100%,.08);flex-wrap:wrap}.call-top-bar,.call-top-left-zone{display:flex;align-items:center;gap:12px}.call-top-left-zone{min-width:0}.call-header-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.call-room-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.call-room-heading{font-size:15px;font-weight:700;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sfu-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;display:inline-flex;align-items:center;gap:4px}.sfu-badge.connected{background:rgba(16,185,129,.15);color:#10b981;border:1px solid #10b981}.sfu-badge.connecting{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid #f59e0b}.rec-live-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;background:rgba(239,68,68,.2);color:#ef4444;border:1px solid #ef4444;display:inline-flex;align-items:center;gap:4px;animation:pulse 1.2s infinite}.call-status-subline{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#94a3b8}.call-duration-dot{width:6px;height:6px;border-radius:50%;background:#10b981;display:inline-block}.call-top-right-zone{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attendee-scale-picker{display:flex;align-items:center;gap:6px;padding:4px 10px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;color:#e2e8f0;font-size:12px}.scale-select-dropdown{background:transparent;border:none;color:#e2e8f0;font-size:12px;font-weight:600;outline:none;cursor:pointer}.scale-select-dropdown option{background:#0f172a;color:#fff}.video-tiles-grid{flex:1 1;display:grid;grid-gap:12px;gap:12px;margin:12px 0;align-content:center;overflow-y:auto;padding:4px}.grid-tile-wrapper,.video-tiles-grid{min-height:0;width:100%;justify-content:center}.grid-tile-wrapper{height:100%;min-width:0;display:flex;align-items:center}.video-tiles-grid.layout-1-user{grid-template-columns:1fr;grid-template-rows:1fr;max-width:960px;max-height:75vh;margin:auto;aspect-ratio:16/9}.video-tiles-grid.layout-2-users{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.video-tiles-grid.layout-4-users{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.video-tiles-grid.layout-6-users{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.video-tiles-grid.layout-9-users{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.video-tiles-grid.layout-12-users{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.video-tiles-grid.layout-many-users{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:minmax(140px,1fr);align-content:start}.video-tile-card{position:relative;background:#111827;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:all .25s ease;width:100%;height:100%}.video-tile-card.active-speaker{border:2px solid #06b6d4;box-shadow:0 0 20px rgba(6,182,212,.4)}.video-feed-img{width:100%;height:100%;object-fit:cover}.tile-participant-badge{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(17,24,39,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:#fff;font-size:12px;font-weight:600}.tile-participant-badge.active-talker{background:rgba(37,99,235,.85)}.presentation-spotlight-container{flex:1 1;display:flex;flex-direction:column;min-height:0;gap:10px;margin:10px 0}.presentation-filmstrip-rail{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:4px 2px 8px;flex-shrink:0;max-height:110px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.filmstrip-tile-wrapper{width:150px;height:94px;flex-shrink:0;border-radius:10px;overflow:hidden}.presentation-canvas-hero{flex:1 1;display:flex;flex-direction:column;background:#0b0f19;border-radius:14px;overflow:hidden;border:1px solid hsla(0,0%,100%,.12);min-height:0;box-shadow:0 8px 32px rgba(0,0,0,.5)}.presentation-hero-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:rgba(15,23,42,.9);border-bottom:1px solid hsla(0,0%,100%,.08)}.presentation-display-viewport{flex:1 1;display:flex;align-items:center;justify-content:center;background:#030712;position:relative;overflow:hidden;min-height:0}.presentation-feed-video{width:100%;height:100%;object-fit:contain;background:#000}.presentation-demo-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;width:100%;height:100%;background:radial-gradient(circle at 50% 40%,#1e293b 0,#0a0f1d 100%);color:#fff}.slide-hero-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.3);border-radius:20px;font-size:12px;font-weight:600;color:#38bdf8;margin-bottom:16px}.slide-hero-title{font-size:clamp(20px,3.5vw,36px);font-weight:800;letter-spacing:-.02em;margin:0 0 10px;background:linear-gradient(135deg,#fff 30%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.slide-hero-desc{font-size:clamp(12px,1.5vw,15px);color:#94a3b8;max-width:600px;margin:0 0 24px;line-height:1.5}.slide-metrics-row{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.slide-metric-box{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:12px 20px;display:flex;flex-direction:column;gap:4px}.metric-val{font-size:18px;font-weight:700;color:#38bdf8}.metric-lbl{font-size:11px;color:#94a3b8}.bottom-call-control-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;margin-top:8px;z-index:20;box-shadow:0 8px 32px rgba(0,0,0,.4);flex-shrink:0}.call-controls-cluster{display:flex;align-items:center;gap:12px}.call-btn-item{display:flex;flex-direction:column;align-items:center;gap:3px}.circle-call-btn{width:44px;height:44px;border-radius:50%;border:none;background:hsla(0,0%,100%,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.circle-call-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.circle-call-btn.active-red{background:#ef4444;color:#fff}.circle-call-btn.active-blue{background:#3b82f6;color:#fff}.call-btn-label{font-size:10.5px;font-weight:500;color:#94a3b8}.leave-call-pill-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;background:#ef4444;color:#fff;font-size:13px;font-weight:700;border:none;border-radius:20px;cursor:pointer;box-shadow:0 4px 14px rgba(239,68,68,.35);transition:all .2s ease}.leave-call-pill-btn:hover{background:#dc2626;transform:translateY(-1px)}.call-chat-sidebar,.call-side-panel{width:340px;background:var(--bg-card,#fff);border-left:1px solid var(--border-subtle,hsla(0,0%,100%,.1));display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;height:100%}.call-chat-sidebar.closed,.call-side-panel.closed{display:none!important}.call-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle,hsla(0,0%,100%,.08))}.call-chat-tabs{display:flex;gap:6px}.call-drawer-backdrop{display:none}@media (max-width:1024px){.call-drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45}.call-chat-sidebar.open,.call-side-panel.open{position:fixed;top:0;right:0;bottom:0;width:min(380px,90vw);z-index:50;box-shadow:-6px 0 28px rgba(0,0,0,.4)}.video-tiles-grid.layout-6-users{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.video-tiles-grid.layout-12-users{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}}@media (max-width:768px){.video-grid-stage{padding:10px 12px}.call-top-bar{gap:8px;padding-bottom:6px}.attendee-scale-picker{padding:3px 6px;font-size:11px}.scale-select-dropdown{font-size:11px;max-width:110px}.call-room-heading{font-size:13.5px}.video-tiles-grid.layout-2-users{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}.video-tiles-grid.layout-many-users{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:minmax(110px,1fr)}.bottom-call-control-bar{padding:6px 10px;border-radius:18px}.call-controls-cluster{gap:8px}.circle-call-btn{width:38px;height:38px}.call-btn-label{display:none}.leave-call-pill-btn{padding:8px 14px;font-size:12px}.filmstrip-tile-wrapper{width:120px;height:76px}}@media (max-width:480px){.hide-on-xs{display:none!important}.call-top-right-zone .action-icon-pill,.call-top-right-zone .action-pill-btn{display:none}.video-tiles-grid.layout-4-users{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.leave-text{display:none}.leave-call-pill-btn{padding:8px 10px;border-radius:50%;width:38px;height:38px;justify-content:center}}.screenshare-stage{flex:1 1;display:flex;flex-direction:column;background:#f8fafd;padding:14px 20px;overflow:hidden}.top-video-strip-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.strip-video-card{width:140px;height:88px;border-radius:var(--radius-md);overflow:hidden;position:relative;flex-shrink:0;box-shadow:var(--shadow-sm);background:#1e293b}.strip-video-card.active-sharer{border:2px solid var(--primary-blue)}.strip-badge-label{left:6px;padding:2px 6px;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:10px;font-weight:600;color:#fff}.strip-badge-label,.strip-screen-share-icon{position:absolute;bottom:6px;border-radius:4px}.strip-screen-share-icon{right:6px;color:var(--primary-blue);background:#fff;padding:2px}.more-participants-card{width:88px;height:88px;border-radius:var(--radius-md);background:#f1f4f9;border:1px dashed #d2dce8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);font-size:12px;font-weight:700;flex-shrink:0;cursor:pointer}.presentation-viewport-card{flex:1 1;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:var(--shadow-md)}.presentation-inner-header{height:40px;background:#f8fafc;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.presentation-body-split{flex:1 1;display:flex;overflow:hidden;position:relative}.presentation-slides-sidebar{width:100px;border-right:1px solid var(--border-subtle);background:#fafbfc;padding:10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.slide-thumb-item{display:flex;flex-direction:column;gap:4px;cursor:pointer}.slide-thumb-box{height:54px;background:#fff;border:1px solid var(--border-subtle);border-radius:6px;padding:4px;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--text-muted);box-shadow:0 1px 3px rgba(0,0,0,.04)}.slide-thumb-item.active .slide-thumb-box{border:2px solid var(--primary-blue)}.slide-canvas-center{flex:1 1;background:linear-gradient(135deg,#fff,#f5f7ff 60%,#eaefff);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.slide-art-canvas{width:100%;max-width:680px;position:relative}.slide-brand-heading{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:var(--text-primary);margin-bottom:24px}.slide-main-title{font-size:42px;font-weight:800;line-height:1.15;color:#111827;letter-spacing:-1px;margin-bottom:12px}.slide-main-title span{color:var(--primary-blue)}.slide-sub-title{font-size:16px;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.slide-tagline{font-size:13px;color:var(--text-muted);margin-bottom:24px}.slide-quarter-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#fff;border:1px solid #d5e1f5;border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--text-secondary)}.slide-3d-graphic-mesh{position:absolute;right:-20px;top:10px;width:280px;height:280px;background:radial-gradient(circle at 60% 40%,rgba(99,102,241,.45) 0,rgba(139,92,246,.35) 45%,rgba(59,130,246,.2) 75%,transparent 100%);border-radius:40% 60% 70% 30%/40% 50% 60% 50%;filter:blur(12px);pointer-events:none}.slide-annotation-wrapper{position:absolute;top:10px;right:140px;font-family:var(--font-handwriting);font-size:24px;font-weight:600;color:#6366f1;display:flex;flex-direction:column;align-items:center;transform:rotate(-6deg)}.annotation-toolbar-floating{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);z-index:10}.tool-palette-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.tool-palette-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tool-palette-btn.active{background:var(--primary-blue-light);color:var(--primary-blue)}.video-pip-stage{flex:1 1;background:#000;border-radius:var(--radius-lg);margin:16px 20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.pip-main-video-feed{width:100%;height:100%;object-fit:cover}.pip-top-left-overlay{left:20px;gap:10px;color:#fff;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600}.pip-top-left-overlay,.pip-top-right-overlay{position:absolute;top:18px;display:flex;align-items:center}.pip-top-right-overlay{right:20px;gap:8px}.pip-self-floating-card{position:absolute;bottom:24px;right:24px;width:170px;height:110px;border-radius:var(--radius-md);overflow:hidden;border:2px solid hsla(0,0%,100%,.8);box-shadow:0 8px 24px rgba(0,0,0,.35);z-index:15}.pip-self-video-img{width:100%;height:100%;object-fit:cover}.pip-self-tag{position:absolute;bottom:6px;left:6px;padding:2px 8px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;font-size:11px;font-weight:600;color:#fff}.pip-self-effects-btn{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.5);border:none;border-radius:4px;color:#fff;padding:3px;cursor:pointer}.typing-dots-indicator{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;background:#f3f5f9;border-radius:var(--radius-full)}.dot-pulse{width:6px;height:6px;border-radius:var(--radius-full);background:#9ca3af;animation:dotPulse 1.4s ease-in-out infinite both}.dot-pulse:first-child{animation-delay:-.32s}.dot-pulse:nth-child(2){animation-delay:-.16s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.chat-layout-wrapper{flex:1 1;display:flex;height:100%;overflow:hidden;position:relative}.conversations-col{width:320px;min-width:280px;max-width:360px;height:100%;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:var(--bg-window)}.conversations-col .conversations-sidebar{width:100%;min-width:100%;max-width:100%;border-right:none}.chat-area-col{flex:1 1;display:flex;height:100%;min-width:0;overflow:hidden}.team-details-col{width:330px;min-width:300px;max-width:360px;height:100%;display:flex;flex-direction:column;border-left:1px solid var(--border-subtle);background:var(--bg-window)}.team-details-col .team-details-sidebar{width:100%;min-width:100%;max-width:100%;border-left:none}.screen-content-wrapper{flex:1 1;display:flex;height:100%;overflow-y:auto;background:var(--bg-window)}.sidebar-wrapper-container{display:flex;height:100%;z-index:40}.sidebar-mobile-header{display:none}.wallpaper-default{background-color:#f8fafc}.wallpaper-dark-slate{background-color:#0f172a}.wallpaper-flux-forest{background-color:#071e19;background-image:radial-gradient(#0d332b 1px,transparent 0);background-size:20px 20px}.wallpaper-charcoal{background-color:#12161a}.wallpaper-sunset{background:linear-gradient(135deg,rgba(255,241,235,.7),rgba(172,224,249,.7))}[data-theme=dark] .wallpaper-default{background-color:#0b0f19}.in-chat-search-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-hover);border-bottom:1px solid var(--border-subtle);animation:slideDown .2s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.in-chat-search-input{flex:1 1;border:none;background:transparent;font-size:13px;color:var(--text-primary);outline:none}.reply-preview-drawer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-hover);border-top:2px solid var(--primary-blue);border-bottom:1px solid var(--border-subtle);animation:slideUp .15s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.reply-preview-left{display:flex;align-items:center;gap:10px}.reply-to-name{font-size:12px;font-weight:700;color:var(--primary-blue)}.reply-to-snippet{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px}.voice-recording-active-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#fef2f2;border-radius:var(--radius-lg);border:1px solid #fca5a5}.recording-pulse-indicator{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#dc2626}.pulse-red-ring{width:10px;height:10px;border-radius:50%;background:#dc2626;animation:pulseGreen 1.2s infinite}.recording-actions-right{display:flex;align-items:center;gap:8px}.voice-note-bubble-player{display:flex;align-items:center;gap:10px;padding:6px 0;min-width:220px}.voice-play-btn{width:32px;height:32px;border-radius:50%;background:var(--primary-blue);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease}.voice-play-btn:hover{transform:scale(1.06)}.voice-wave-bars{display:flex;align-items:center;gap:2.5px;height:24px;flex:1 1}.voice-bar{width:3px;background:#94a3b8;border-radius:2px;transition:height .2s ease}.voice-bar.animated{background:var(--primary-blue);animation:waveBar .8s ease-in-out infinite alternate}@keyframes waveBar{0%{transform:scaleY(.4)}to{transform:scaleY(1.1)}}.voice-duration{font-size:11px;font-weight:600;color:var(--text-secondary)}.message-quoted-banner{border-left:3px solid var(--primary-blue);padding:3px 8px;background:rgba(0,0,0,.04);border-radius:0 6px 6px 0;margin-bottom:6px;font-size:12px}.quoted-sender{font-weight:700;color:var(--primary-blue);display:block}.quoted-text{color:var(--text-secondary)}.message-image-attachment{border-radius:8px;overflow:hidden;margin-top:6px;max-width:320px}.bubble-preview-img{width:100%;height:auto;display:block}.message-hover-toolbar{position:absolute;top:-14px;right:12px;display:none;align-items:center;gap:2px;background:var(--bg-window);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:2px 6px;box-shadow:var(--shadow-md);z-index:10}.chat-messages-container{flex:1 1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.message-bubble-row{display:flex;align-items:flex-start;gap:10px;max-width:78%;position:relative;width:auto}.message-bubble-row.self{align-self:flex-end;flex-direction:row-reverse}.message-bubble-row.other{align-self:flex-start;flex-direction:row}.message-sender-avatar{width:34px;height:34px;min-width:34px;min-height:34px;max-width:34px;max-height:34px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-top:2px}.message-sender-avatar .avatar-img,.message-sender-avatar img{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;border-radius:50%!important;object-fit:cover!important;display:block!important}.message-content-wrapper{display:flex;flex-direction:column;min-width:0;max-width:100%}.message-bubble-row.self .message-content-wrapper{align-items:flex-end}.message-bubble-row.other .message-content-wrapper{align-items:flex-start}.message-sender-title{font-size:11.5px;font-weight:700;color:var(--primary-blue);margin-bottom:3px;padding-left:2px}.message-bubble{padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.5;position:relative;word-break:break-word;max-width:100%;box-shadow:var(--shadow-sm)}.message-bubble.bubble-self{background:var(--sent-bubble-bg);color:#fff;border-bottom-right-radius:4px}.message-bubble.bubble-other{background:var(--received-bubble-bg);color:var(--text-primary);border-bottom-left-radius:4px}[data-theme=dark] .message-bubble.bubble-other{background:#1e293b;color:#f8fafc}.message-text-content{margin:0;font-size:13.5px;line-height:1.5;white-space:pre-wrap}.message-meta-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px;font-size:10.5px;opacity:.85}.bubble-self .message-meta-footer{color:hsla(0,0%,100%,.9)}.bubble-other .message-meta-footer{color:var(--text-muted)}.message-reactions-row{display:flex;align-items:center;gap:4px;margin-top:4px;flex-wrap:wrap}.reaction-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--radius-full);background:var(--bg-hover);border:1px solid var(--border-subtle);font-size:11px;cursor:pointer;transition:all .15s ease}.reaction-pill.reacted,.reaction-pill:hover{background:var(--primary-blue-light);border-color:var(--primary-blue)}.reaction-count{font-weight:600;font-size:10px}.message-file-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-window);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:6px;box-shadow:var(--shadow-sm)}.file-attachment-info{display:flex;flex-direction:column;flex:1 1;min-width:0}.file-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:11px;color:var(--text-muted)}.chat-input-bar-container{padding:12px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-window);position:relative;flex-shrink:0;z-index:5}.chat-input-wrapper-form{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:6px 10px 6px 14px;transition:all .2s ease}.chat-input-wrapper-form:focus-within{background:var(--bg-window);border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-glow)}.chat-text-input{flex:1 1;border:none;background:transparent;outline:none;font-size:14px;font-family:inherit;color:var(--text-primary);min-width:0}.chat-send-btn{width:36px;height:36px;border-radius:50%;background:var(--primary-blue);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:var(--primary-blue-hover);transform:scale(1.05)}.chat-send-btn:disabled{opacity:.45;cursor:not-allowed}.mobile-chat-back-btn{display:none}.details-members-list{display:flex;flex-direction:column;gap:10px;margin-top:10px;margin-bottom:20px}.details-member-item{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:var(--radius-sm);transition:background .15s ease}.details-member-item:hover{background:var(--bg-hover)}.details-member-item .avatar-with-status{width:34px;height:34px;min-width:34px;flex-shrink:0}.member-info-col{display:flex;flex-direction:column;flex:1 1;min-width:0}.member-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.25}.member-name,.member-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{font-size:11px;color:var(--text-muted);line-height:1.2;margin-top:2px}.owner-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:#d97706;background:#fef3c7;padding:2px 7px;border-radius:var(--radius-full);white-space:nowrap;margin-left:auto}[data-theme=dark] .owner-badge{background:rgba(245,158,11,.2);color:#fbbf24}.contact-card-meta-row{gap:10px;padding:10px 14px;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:13px;color:var(--text-primary);transition:all .15s ease}.contact-card-meta-row:hover{background:var(--border-subtle)}.contact-large-avatar-box{position:relative;width:76px;height:76px;margin:0 auto 14px}.contact-large-avatar-box img,.contact-large-avatar-img{width:76px!important;height:76px!important;border-radius:50%!important;object-fit:cover!important;box-shadow:var(--shadow-md);display:block}.contact-large-avatar-box .status-indicator-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border:2.5px solid var(--bg-window);background-color:var(--success-green);border-radius:50%}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 2px 8px rgba(37,99,235,.25);transition:all .15s ease}.btn-primary:hover{background:var(--primary-blue-hover);box-shadow:0 4px 12px rgba(37,99,235,.35);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:var(--border-subtle);border-color:#cbd5e1}.btn-secondary:active{transform:translateY(0)}.btn-danger-outline{justify-content:center;gap:8px;padding:9px 16px;background:#fef2f2;color:#ef4444;border:1px solid #fecaca;font-size:13px;font-weight:600;font-family:inherit}.btn-danger-outline:hover{background:#fee2e2;border-color:#fca5a5}[data-theme=dark] .btn-danger-outline{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3);color:#f87171}.message-bubble-row:hover .message-hover-toolbar{display:flex}.icon-btn-ghost-sm{padding:4px 6px;border-radius:4px;color:var(--text-secondary);transition:background .15s ease}.icon-btn-ghost-sm:hover{background:var(--bg-hover)}.typing-indicator-bubble{display:inline-flex;align-items:center;gap:4px;padding:10px 16px;background:var(--received-bubble-bg);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-xs)}.typing-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:dotPulse 1.4s ease-in-out infinite both}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.emoji-picker-popover{position:absolute;bottom:50px;left:0;background:var(--bg-window);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:10px;z-index:50;width:240px}.emoji-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.emoji-choice-btn{font-size:20px;padding:6px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .1s ease}.emoji-choice-btn:hover{background:var(--bg-hover)}.attachment-popup-menu{position:absolute;bottom:50px;left:0;background:var(--bg-window);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;z-index:50;width:180px;display:flex;flex-direction:column;gap:4px}.attachment-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;width:100%;text-align:left;transition:background .1s ease}.attachment-menu-item:hover{background:var(--bg-hover)}.portal-screen-container{flex:1 1;padding:24px 32px;overflow-y:auto;max-width:1200px;margin:0 auto;width:100%}.portal-screen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.portal-screen-title{font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.portal-screen-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.portal-controls-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.portal-section-heading{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px;text-align:center}.empty-state-text{font-size:14px;color:var(--text-muted)}.calls-log-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.call-log-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.call-log-row:last-child{border-bottom:none}.call-log-row:hover{background:var(--bg-hover)}.call-log-meta{flex:1 1}.call-log-title-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.call-user-name{font-size:14px;font-weight:700;color:var(--text-primary)}.call-user-name.missed-name{color:#dc2626}.call-timestamp{font-size:12px;color:var(--text-muted)}.call-direction-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.direction-tag{display:inline-flex;align-items:center;gap:4px;font-weight:600}.direction-tag.incoming{color:#2563eb}.direction-tag.outgoing{color:#10b981}.direction-tag.missed{color:#ef4444}.call-action-buttons{display:flex;align-items:center;gap:8px}.contacts-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px}.contact-card-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;transition:transform .15s ease,box-shadow .15s ease}.contact-card-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-card-top{display:flex;align-items:center;gap:14px}.contact-card-avatar,.contact-card-top .avatar-with-status{width:52px;height:52px}.contact-card-avatar{border-radius:50%;object-fit:cover}.contact-card-names{display:flex;flex-direction:column}.contact-card-name{font-size:15px;font-weight:700;color:var(--text-primary)}.contact-card-role{font-size:12px;color:var(--text-secondary)}.contact-card-status-text{font-size:11px;color:var(--text-muted);margin-top:2px}.contact-card-bio{font-size:12px;color:var(--text-secondary);line-height:1.4}.contact-card-meta-list{display:flex;flex-direction:column;gap:6px}.contact-card-meta-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.contact-card-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border-subtle)}.storage-meter-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 22px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.storage-meter-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.storage-meter-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.storage-meter-stats{font-size:13px;color:var(--text-secondary)}.storage-progress-track{display:flex;height:8px;border-radius:4px;background:var(--bg-hover);overflow:hidden;margin-bottom:12px}.storage-bar-segment.media{background:#10b981}.storage-bar-segment.docs{background:#2563eb}.storage-bar-segment.audio{background:#8b5cf6}.storage-legend-row{gap:20px}.legend-item{display:inline-flex;font-size:12px;color:var(--text-secondary)}.legend-dot.media{background:#10b981}.legend-dot.docs{background:#2563eb}.legend-dot.audio{background:#8b5cf6}.legend-dot.free{background:#cbd5e1}.files-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.file-card-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm);position:relative}.file-card-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-focus)}.file-thumbnail-cover{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0}.thumbnail-img{width:100%;height:100%;object-fit:cover}.file-icon-box{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-icon-box.docs{background:#eff6ff}.file-icon-box.media{background:#ecfdf5}.file-icon-box.audio{background:#f5f3ff}.file-icon-box.links{background:#fffbeb}.file-card-details{flex:1 1;min-width:0}.file-card-name{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-subline{display:flex;gap:5px;font-size:11px;color:var(--text-muted);margin-top:2px}.file-sender-tag{font-size:10px;color:var(--primary-blue);font-weight:600}.file-download-btn{flex-shrink:0}.upload-success-toast{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#10b981;background:#ecfdf5;padding:6px 12px;border-radius:var(--radius-full)}.meetings-cards-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:16px;gap:16px}.meeting-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.meeting-card.highlight{border-left:4px solid var(--primary-blue)}.meeting-badge{font-size:11px;font-weight:700;color:var(--text-secondary);background:var(--bg-hover);padding:3px 8px;border-radius:var(--radius-full);display:inline-block;margin-bottom:10px;align-self:flex-start}.meeting-badge.live{background:#eff6ff;color:#2563eb}.meeting-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.meeting-desc{font-size:13px;color:var(--text-secondary);line-height:1.4;margin-bottom:16px}.meeting-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.meeting-members{font-size:12px;color:var(--text-muted)}.scheduled-list-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.scheduled-message-item{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.scheduled-message-item:last-child{border-bottom:none}.scheduled-message-body{flex:1 1}.scheduled-top-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.scheduled-recipient-name{font-size:14px;font-weight:700;color:var(--text-primary)}.scheduled-time-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#2563eb;background:#eff6ff;padding:2px 8px;border-radius:var(--radius-full)}.scheduled-content-text{font-size:13px;color:var(--text-secondary);line-height:1.4}.settings-two-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.settings-column{display:flex;flex-direction:column;gap:20px}.settings-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.settings-card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.profile-edit-avatar-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.avatar-camera-btn{position:absolute;bottom:0;right:0;width:24px;height:24px;border-radius:50%;background:var(--primary-blue);border:2px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-toggle-row{padding:10px 0}.toggle-title{font-size:14px}.toggle-desc{color:var(--text-muted)}.theme-mode-switch-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;background:var(--bg-hover);border:1px solid var(--border-medium);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.theme-mode-switch-btn.dark{background:#1e293b;color:#f8fafc;border-color:#3b82f6}.wallpaper-swatches-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin-top:8px}.wallpaper-swatch{height:52px;border-radius:8px;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,border-color .1s ease}.wallpaper-swatch:hover{transform:scale(1.05)}.wallpaper-swatch.selected{border-color:var(--primary-blue);box-shadow:0 0 0 2px var(--primary-blue-glow)}.font-size-buttons-row{display:flex;gap:8px;margin-top:8px}.font-size-btn{flex:1 1;padding:8px;font-size:13px;font-weight:600;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer}.font-size-btn.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.device-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-hover);border-radius:var(--radius-md);margin-bottom:8px}.device-item.current{border:1px solid var(--border-focus)}.device-icon-box{width:36px;height:36px;border-radius:8px;background:var(--bg-window);display:flex;align-items:center;justify-content:center}.device-info{flex:1 1}.device-name{font-size:13px;font-weight:700;color:var(--text-primary);display:block}.device-meta{font-size:11px;color:var(--text-muted)}.current-badge{font-size:10px;font-weight:700;color:#10b981;background:#ecfdf5;padding:2px 6px;border-radius:var(--radius-full)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle);gap:16px}.settings-toggle-row:last-child{border-bottom:none;padding-bottom:0}.toggle-left-info{display:flex;flex-direction:column;gap:3px;flex:1 1}.toggle-title{font-size:13.5px;font-weight:600;color:var(--text-primary)}.toggle-desc{font-size:12px;color:var(--text-secondary)}.settings-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:44px;min-width:44px;height:24px;background-color:#cbd5e1;border-radius:9999px;border:1px solid rgba(0,0,0,.08);cursor:pointer;outline:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .2s ease;flex-shrink:0;margin:0;display:inline-block;vertical-align:middle}.settings-checkbox:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.1);transition:transform .25s cubic-bezier(.4,0,.2,1),width .15s ease}.settings-checkbox:checked{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.35)}.settings-checkbox:checked:before{transform:translateX(20px)}.settings-checkbox:hover{filter:brightness(1.05)}.settings-checkbox:active:before{width:21px}.settings-checkbox:focus-visible{box-shadow:0 0 0 3px var(--primary-blue-glow)}.toggle-switch{position:relative;display:inline-block;width:44px;min-width:44px;height:24px;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-switch-input{opacity:0;width:0;height:0;position:absolute;margin:0}.toggle-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;border-radius:9999px;border:1px solid rgba(0,0,0,.08);transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .2s ease}.toggle-switch-slider:before{position:absolute;content:"";top:2px;left:2px;width:18px;height:18px;border-radius:50%;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.1);transition:transform .25s cubic-bezier(.4,0,.2,1),width .15s ease}.toggle-switch-input:checked+.toggle-switch-slider{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.35)}.toggle-switch-input:checked+.toggle-switch-slider:before{transform:translateX(20px)}.toggle-switch:hover .toggle-switch-slider{filter:brightness(1.05)}.toggle-switch:active .toggle-switch-slider:before{width:21px}.toggle-switch-input:focus-visible+.toggle-switch-slider{box-shadow:0 0 0 3px var(--primary-blue-glow)}.settings-checkbox.sm,.toggle-switch.sm{width:36px;min-width:36px;height:20px}.settings-checkbox.sm:before,.toggle-switch.sm .toggle-switch-slider:before{top:2px;left:2px;width:14px;height:14px}.settings-checkbox.sm:checked:before,.toggle-switch.sm .toggle-switch-input:checked+.toggle-switch-slider:before{transform:translateX(16px)}.dark-theme .settings-checkbox,.dark-theme .toggle-switch-slider,[data-theme=dark] .settings-checkbox,[data-theme=dark] .toggle-switch-slider{background-color:#334155;border-color:#475569}.dark-theme .settings-checkbox:checked,.dark-theme .toggle-switch-input:checked+.toggle-switch-slider,[data-theme=dark] .settings-checkbox:checked,[data-theme=dark] .toggle-switch-input:checked+.toggle-switch-slider{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 2px 10px rgba(59,130,246,.4)}.modal-backdrop-overlay{background:rgba(15,23,42,.55);z-index:100;animation:fadeIn .15s ease}.modal-container-card{box-shadow:var(--shadow-window);padding:24px}.modal-header-row{margin-bottom:16px}.modal-title{font-size:18px}.modal-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.modal-type-switcher{margin-bottom:16px;background:var(--bg-hover);padding:4px;border-radius:var(--radius-md)}.modal-type-btn{gap:6px;padding:8px;border:none;background:transparent;border-radius:var(--radius-sm);transition:all .1s ease}.modal-type-btn.active{background:var(--bg-window);box-shadow:var(--shadow-sm)}.modal-input-field{margin-bottom:14px}.modal-input-label{text-transform:uppercase;letter-spacing:.3px}.modal-select-input,.modal-text-input,.modal-textarea-input{width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-input);font-size:14px;color:var(--text-primary);outline:none;font-family:inherit;transition:border-color .15s ease}.modal-select-input:focus,.modal-text-input:focus,.modal-textarea-input:focus{border-color:var(--primary-blue)}.modal-search-wrapper{border:1px solid var(--border-medium);border-radius:var(--radius-sm);margin-bottom:12px}.modal-contacts-list{margin-bottom:18px}.modal-contact-row{border-radius:var(--radius-sm);transition:background .1s ease}.modal-contact-name{display:block}.modal-contact-role{color:var(--text-muted)}.modal-footer-row{margin-top:18px}.header-dropdown-menu{position:absolute;top:45px;right:0;width:280px;background:var(--bg-window);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:60;overflow:hidden;animation:slideDown .15s ease}.dropdown-header{font-size:12px;font-weight:700;color:var(--text-muted);background:var(--bg-hover)}.dropdown-header,.dropdown-item{padding:10px 14px;border-bottom:1px solid var(--border-subtle)}.dropdown-item{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .1s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.unread{background:var(--primary-blue-light)}.dropdown-item-content{flex:1 1}.dropdown-item-title{font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.3}.dropdown-item-time{font-size:10px;color:var(--text-muted)}.unread-blue-dot{width:7px;height:7px;border-radius:50%;background:var(--primary-blue)}@media (max-width:1024px){.left-nav-sidebar{width:70px;min-width:70px;padding:12px 6px}.brand-logo-text,.nav-item-btn span,.upgrade-promo-card,.user-profile-text{display:none}.nav-item-btn{justify-content:center;padding:10px}.view-mode-selector{display:none!important}.search-bar-container{max-width:320px}.conversations-col{width:280px;min-width:250px}.team-details-col{display:none}.settings-two-columns{grid-template-columns:1fr}.portal-screen-container{padding:18px 20px}}@media (max-width:768px){.top-header{padding:0 12px}.mobile-menu-trigger-btn{display:flex}.header-left-brand-zone{min-width:auto;gap:8px}.brand-status-tag,.brand-version-pill,.org-switcher-pill,.search-bar-container{display:none}.view-mode-selector{display:none!important}.sidebar-wrapper-container{position:fixed;top:0;bottom:0;left:0;width:260px;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-window);background:var(--bg-sidebar)}.sidebar-wrapper-container.mobile-open{transform:translateX(0)}.sidebar-wrapper-container .left-nav-sidebar{width:100%;min-width:100%;padding:16px}.sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border-subtle)}.sidebar-mobile-title{font-size:16px;font-weight:800;color:var(--text-primary)}.sidebar-wrapper-container .nav-item-btn span,.sidebar-wrapper-container .user-profile-text{display:inline-block}.sidebar-wrapper-container .nav-item-btn{justify-content:flex-start;padding:10px 14px}.mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:35}.chat-layout-wrapper{position:relative;width:100%;overflow:hidden}.conversations-col{border-right:none}.chat-area-col,.conversations-col{width:100%;min-width:100%;max-width:100%}.team-details-col{position:absolute;top:0;bottom:0;right:0;width:100%;max-width:100%;z-index:25}.mobile-hidden{display:none!important}.mobile-chat-back-btn{display:flex!important}.chat-channel-header{padding:0 12px;height:56px;min-height:56px}.chat-messages-container{padding:14px 12px;gap:10px}.message-bubble-row{max-width:90%}.chat-input-bar-container{padding:8px 12px}.portal-screen-container{padding:14px 12px}.portal-screen-title{font-size:20px}.contacts-grid-layout,.files-items-grid,.meetings-cards-row,.settings-two-columns{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-backdrop-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .15s ease-out}.modal-container-card{background:var(--bg-card);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;color:var(--text-primary);animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}.modal-title{font-weight:700;margin:0}.modal-type-btn{padding:8px 12px;border:1px solid var(--border-subtle);background:var(--bg-surface)}.modal-type-btn.active{background:var(--primary-blue-light);border-color:var(--primary-blue);color:var(--primary-blue)}.modal-search-wrapper{gap:8px;margin:10px 20px 8px;padding:8px 12px;background:var(--bg-hover)}.modal-search-input{width:100%}.modal-contacts-list{padding:0 12px}.modal-contact-row{transition:background .12s ease}.modal-contact-row.selected{background:var(--primary-blue-light)}.modal-contact-name{font-size:13px;font-weight:600}.modal-contact-role{font-size:11px}.modal-check-circle{width:18px;height:18px;border:1.5px solid var(--border-medium)}.modal-check-circle.checked{background:var(--primary-blue);border-color:var(--primary-blue)}.modal-footer-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border-subtle)}.about-modal-dialog{max-width:480px;padding-bottom:4px}.about-hero-section{display:flex;align-items:center;gap:14px;padding:18px 20px 14px}.about-logo-icon{width:48px;height:48px;border-radius:12px;box-shadow:0 4px 14px rgba(37,99,235,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-hero-text{flex:1 1}.about-title-row{display:flex;align-items:center;gap:8px}.about-app-name{font-size:18px;font-weight:800;letter-spacing:-.5px;margin:0;color:var(--text-primary)}.about-version-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);background:var(--primary-blue-light);color:var(--primary-blue)}.about-tagline{font-size:12px;color:var(--text-secondary);margin:3px 0 0;line-height:1.4}.about-specs-card{margin:4px 20px 12px;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:10px 14px;display:flex;flex-direction:column;gap:8px}.about-spec-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.about-spec-label{color:var(--text-secondary);font-weight:500}.about-spec-value{color:var(--text-primary);font-weight:600}.about-update-box{margin:0 20px 12px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:12px}.about-update-info{display:flex;flex-direction:column;gap:2px}.about-shortcuts-grid{margin:8px 20px;padding:10px 12px;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.about-links-row{display:flex;align-items:center;justify-content:space-around;padding:10px 20px;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.about-link-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--primary-blue);text-decoration:none;cursor:pointer;transition:opacity .15s ease}.about-link-item:hover{opacity:.8;text-decoration:underline}.about-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.about-copyright-text{font-size:11px;color:var(--text-muted)}.about-fluxapp-card{margin-top:16px}.brand-version-badge-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:var(--primary-blue-light);color:var(--primary-blue)}.about-info-box{display:flex;flex-direction:column;gap:12px}.about-brand-row{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.about-details-list{display:flex;flex-direction:column;gap:8px}.about-detail-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.about-detail-label{color:var(--text-secondary);font-weight:500}.about-detail-value{color:var(--text-primary);font-weight:600}.update-status-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);background:rgba(16,185,129,.12);color:#10b981;font-size:12px;font-weight:600}.about-action-buttons{display:flex;align-items:center;gap:8px;margin-top:4px}[data-theme=dark] .modal-backdrop-overlay{background:rgba(0,0,0,.72)}[data-theme=dark] .about-version-badge,[data-theme=dark] .brand-version-badge-pill{background:rgba(37,99,235,.22);color:#60a5fa}[data-theme=dark] .about-link-item{color:#60a5fa}.nav-badge-pill-green{background:#10b981;color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:var(--radius-full);box-shadow:0 2px 6px rgba(16,185,129,.35)}.status-screen-layout{display:flex;width:100%;height:100%;overflow:hidden;background:var(--bg-window)}.status-feed-sidebar{width:380px;min-width:320px;flex-shrink:0;border-right:1px solid var(--border-subtle);background:var(--bg-window);display:flex;flex-direction:column;position:relative}.status-feed-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.status-feed-title-col{display:flex;flex-direction:column}.status-feed-title{font-size:20px;font-weight:800;color:var(--text-primary);line-height:1.2}.status-feed-subtitle{font-size:12px;color:var(--text-muted)}.status-header-actions-row{display:flex;align-items:center;gap:8px}.btn-primary-compact{display:inline-flex;align-items:center;gap:5px;background:#10b981;color:#fff;border:none;padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(16,185,129,.3);transition:all .15s ease}.btn-primary-compact:hover{background:#059669;transform:translateY(-1px)}.status-privacy-popover-card{position:absolute;top:60px;right:16px;width:250px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:14px;z-index:120}.popover-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.popover-title{font-size:13.5px;font-weight:700;color:var(--text-primary)}.icon-btn-ghost-sm{font-size:13px}.popover-desc{font-size:11.5px;color:var(--text-secondary);margin-bottom:8px}.popover-options-list{display:flex;flex-direction:column;gap:6px}.popover-radio-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-primary);cursor:pointer}.status-feed-scrollable{flex:1 1;overflow-y:auto;padding:14px 16px}.my-status-section{margin-bottom:12px}.my-status-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-hover);border:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease}.my-status-card:hover{border-color:var(--border-medium);transform:translateY(-1px)}.status-avatar-wrapper{position:relative;width:48px;height:48px;flex-shrink:0}.status-ring-container{width:48px;height:48px;border-radius:50%;padding:2.5px;border:2.5px solid transparent;display:flex;align-items:center;justify-content:center}.status-ring-container.active{border-color:#2563eb}.status-ring-container.unviewed{border-color:#10b981}.status-ring-container.viewed{border-color:#cbd5e1}.status-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.status-add-plus-badge{width:18px;border-radius:50%;background:#10b981;border:2px solid var(--bg-window)}.status-add-plus-badge,.status-stories-count-badge{position:absolute;bottom:-1px;right:-1px;height:18px;display:flex;align-items:center;justify-content:center}.status-stories-count-badge{min-width:18px;border-radius:9px;background:#2563eb;color:#fff;font-size:10.5px;font-weight:700;border:2px solid var(--bg-window);padding:0 4px}.status-item-text{flex:1 1;min-width:0}.status-item-name{font-size:14.5px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-item-time{font-size:12px;color:var(--text-secondary)}.my-status-quick-actions{display:flex;align-items:center;gap:6px}.quick-camera-btn,.quick-sticker-btn,.quick-text-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-window);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.quick-camera-btn:hover,.quick-sticker-btn:hover,.quick-text-btn:hover{background:var(--bg-hover);color:var(--primary-blue);transform:scale(1.05)}.status-e2ee-banner{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(16,185,129,.08);border-radius:var(--radius-sm);font-size:11.5px;color:#059669;font-weight:600;margin-bottom:16px}.status-group-section{margin-bottom:16px}.status-section-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:8px;display:block}.status-list-items{display:flex;flex-direction:column;gap:4px}.status-item-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;transition:all .12s ease}.status-item-row:hover{background:var(--bg-hover)}.status-item-meta-row{display:flex;align-items:center;gap:5px}.status-count-dot{color:var(--text-muted)}.status-type-label{color:#10b981;font-weight:600}.status-muted-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;border-top:1px solid var(--border-subtle);margin-top:8px}.status-muted-container{padding:8px 12px;font-size:12px;color:var(--text-muted)}.status-welcome-stage{flex:1 1;min-width:0;background:var(--bg-page);display:flex;align-items:center;justify-content:center;padding:40px;overflow-y:auto}.status-welcome-content-card{max-width:620px;background:var(--bg-window);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);padding:38px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;text-align:center}.status-graphic-emblem{position:relative;width:96px;height:96px;margin-bottom:22px;display:flex;align-items:center;justify-content:center}.status-ring-pulse.outer{position:absolute;inset:0;border-radius:50%;border:3px dashed rgba(37,99,235,.35);animation:spinSlow 24s linear infinite}.status-ring-pulse.inner{position:absolute;inset:12px;border-radius:50%;border:2.5px solid #10b981}.status-center-icon-bubble{width:56px;height:56px;border-radius:50%;background:rgba(37,99,235,.1);display:flex;align-items:center;justify-content:center}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-welcome-title{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:8px}.status-welcome-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:480px;margin-bottom:24px}.status-features-grid{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;width:100%;margin-bottom:26px}.status-feature-pill{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-input);text-align:left}.feature-icon-box{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-title{font-size:13.5px;font-weight:700;color:var(--text-primary);display:block}.feature-desc{font-size:12px;color:var(--text-secondary);display:block}.status-welcome-actions{display:flex;align-items:center;gap:12px;margin-bottom:18px}.status-security-note{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop-overlay,.modal-backdrop-portal{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:rgba(10,15,29,.76)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:20px;box-sizing:border-box;overflow-y:auto;animation:modalFadeIn .18s ease-out}.modal-container-card{width:500px;max-width:95vw;border-radius:var(--radius-xl);border:1px solid var(--border-medium);box-shadow:0 25px 70px rgba(0,0,0,.45);flex-direction:column;overflow:hidden;animation:modalPopIn .22s cubic-bezier(.16,1,.3,1);z-index:10000}.modal-container-card,.modal-header-row{background:var(--bg-window);display:flex}.modal-header-row{align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.modal-title-with-badge{display:flex;align-items:center;gap:12px}.icon-badge-blue{background:rgba(37,99,235,.1);color:#2563eb}.icon-badge-blue,.icon-badge-green{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-badge-green{background:rgba(16,185,129,.1);color:#10b981}.modal-title{font-size:16px;font-weight:800;color:var(--text-primary);line-height:1.2}.modal-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.modal-type-switcher{display:flex;gap:8px;padding:12px 20px 4px}.modal-type-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-input);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.modal-type-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.3)}.modal-input-field{display:flex;flex-direction:column;gap:6px;padding:0 20px}.modal-input-label{font-size:12px;font-weight:700;color:var(--text-secondary)}.modal-text-input{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-input);color:var(--text-primary);font-size:13.5px;outline:none;transition:border-color .15s,box-shadow .15s}.modal-text-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}.modal-search-wrapper{display:flex;align-items:center;gap:10px;margin:10px 20px 6px;padding:8px 14px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-subtle)}.modal-search-input{flex:1 1;background:transparent;border:none;outline:none;font-size:13px;color:var(--text-primary)}.modal-contacts-list{max-height:240px;overflow-y:auto;padding:6px 12px;display:flex;flex-direction:column;gap:4px}.modal-contact-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.modal-contact-row:hover{background:var(--bg-hover)}.modal-contact-row.selected{background:rgba(37,99,235,.08)}.modal-contact-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.modal-contact-name{font-size:13.5px;font-weight:700;color:var(--text-primary)}.modal-contact-role{font-size:11.5px;color:var(--text-secondary)}.modal-check-circle{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.modal-check-circle.checked{background:#2563eb;border-color:#2563eb}.modal-footer-actions,.modal-footer-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-card)}.icon-btn-ghost{background:transparent;border:none;padding:6px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.icon-btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.status-creator-modal-window{width:960px;max-width:95vw;height:86vh;max-height:720px;background:var(--bg-window);border-radius:var(--radius-xl);border:1px solid var(--border-medium);box-shadow:0 25px 70px rgba(0,0,0,.55);display:flex;flex-direction:column;overflow:hidden;z-index:10000;animation:modalPopIn .22s cubic-bezier(.16,1,.3,1)}.status-creator-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-window);gap:12px;flex-shrink:0}.status-creator-brand-title{display:flex;align-items:center;gap:10px;min-width:170px}.status-creator-title-icon{width:34px;height:34px;border-radius:9px;background:rgba(16,185,129,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-creator-title-text{display:flex;flex-direction:column}.creator-main-title{font-size:14.5px;font-weight:800;color:var(--text-primary);line-height:1.2}.creator-main-sub{font-size:11px;color:var(--text-muted)}.status-modes-tabs{display:flex;align-items:center;gap:6px;background:var(--bg-input);padding:4px;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.status-mode-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.status-mode-pill:hover{color:var(--text-primary)}.status-mode-pill.active{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 2px 8px rgba(16,185,129,.35)}.status-mode-pill.sticker-studio-btn{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.25);color:#8b5cf6}.status-mode-pill.sticker-studio-btn:hover{background:rgba(139,92,246,.16)}.status-creator-content{flex:1 1;display:flex;min-height:0;overflow:hidden}.status-main-canvas-column{flex:1 1;flex-direction:column;background:#080b10;padding:20px;min-width:0}.status-main-canvas-column,.status-story-canvas-viewport{display:flex;position:relative;align-items:center;justify-content:center}.status-story-canvas-viewport{width:320px;max-width:320px;height:480px;max-height:calc(86vh - 170px);aspect-ratio:9/16;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.65);background:#181d27;border:1px solid hsla(0,0%,100%,.08)}.canvas-media-container{width:100%;height:100%;position:relative}.canvas-photo-element,.canvas-video-element{width:100%;height:100%;object-fit:cover;display:block}.canvas-filter-watermark{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:600}.canvas-filter-watermark,.canvas-video-duration-badge{position:absolute;top:14px;left:14px;color:#fff;padding:4px 10px;border-radius:var(--radius-full);font-size:11.5px}.canvas-video-duration-badge{background:rgba(245,158,11,.9);font-weight:700}.canvas-text-background{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;position:relative}.canvas-text-input-field{width:100%;background:transparent;border:none;outline:none;color:#fff;text-align:center;font-size:22px;font-weight:700;resize:none;min-height:140px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.canvas-text-counter{position:absolute;bottom:14px;right:16px;font-size:11px;color:hsla(0,0%,100%,.7)}.canvas-placed-sticker{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:move;z-index:10}.sticker-emoji-render{font-size:42px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.sticker-image-render{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 0 3px #FFFFFF) drop-shadow(0 0 6px #FFFFFF) drop-shadow(0 4px 8px rgba(0,0,0,.3))}.sticker-remove-bubble{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.3)}.status-caption-input-wrapper{width:100%;max-width:320px;display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);padding:6px 14px;margin-top:12px;box-shadow:0 4px 12px rgba(0,0,0,.25)}.status-caption-input{flex:1 1;background:transparent;border:none;outline:none;color:#fff;font-size:13px}.caption-length-hint{font-size:11px;color:hsla(0,0%,100%,.6)}.status-sidebar-column{width:370px;flex-shrink:0;border-left:1px solid var(--border-subtle);background:var(--bg-window);padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.sidebar-editor-section{display:flex;flex-direction:column;gap:8px}.editor-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.editor-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.fine-tune-toggle-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--primary-blue);background:transparent;border:none;cursor:pointer}.fine-tune-toggle-btn.active{color:#10b981}.instagram-filter-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.filter-card-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;padding:4px;border-radius:var(--radius-md);transition:all .15s ease}.filter-card-item:hover{background:var(--bg-hover)}.filter-thumb-preview-box{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;position:relative;border:2px solid transparent;transition:all .15s ease;box-shadow:var(--shadow-sm)}.filter-card-item.active .filter-thumb-preview-box{border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.4)}.filter-thumb-img{width:100%;height:100%;object-fit:cover}.filter-check-badge{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.4)}.filter-name-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.filter-card-item.active .filter-name-label{color:#10b981;font-weight:700}.fine-tune-sliders-box{background:var(--bg-input);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--border-subtle)}.slider-control-item{display:flex;flex-direction:column;gap:4px}.slider-label-info{display:flex;justify-content:space-between;font-size:11.5px;font-weight:600;color:var(--text-secondary)}.sample-photos-row{display:flex;align-items:center;gap:8px}.sample-photo-btn{width:46px;height:46px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;transition:all .15s ease}.sample-photo-btn.active{border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.3)}.sample-photo-btn img{width:100%;height:100%;object-fit:cover}.upload-photo-label-btn{width:46px;height:46px;border-radius:var(--radius-sm);border:1.5px dashed var(--border-medium);background:var(--bg-input);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .15s ease}.upload-photo-label-btn:hover{border-color:#10b981;color:#10b981;background:var(--bg-hover)}.video-rules-card{background:var(--bg-input);border-radius:var(--radius-md);padding:14px;border:1px solid var(--border-subtle)}.video-rules-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.video-rules-badge{font-size:11.5px;font-weight:700;color:#f59e0b}.video-rules-text{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.color-swatches-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.canvas-color-swatch{aspect-ratio:1;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.canvas-color-swatch:hover{transform:scale(1.06)}.canvas-color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #10b981}.fonts-selector-list{display:flex;flex-wrap:wrap;gap:6px}.font-select-chip{padding:6px 12px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);font-size:12px;cursor:pointer;color:var(--text-primary);transition:all .15s ease}.font-select-chip.active{background:rgba(16,185,129,.12);border-color:#10b981;color:#10b981;font-weight:700}.create-sticker-link{font-size:12px;font-weight:700;color:#8b5cf6;background:transparent;border:none;cursor:pointer}.emoji-categories-pills{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px;margin-top:4px}.emoji-cat-pill{padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.emoji-cat-pill.active{background:#10b981;color:#fff;border-color:#10b981}.emojis-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:4px;gap:4px;max-height:110px;overflow-y:auto;margin-top:6px;padding:6px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.emoji-picker-btn{font-size:18px;border:none;background:transparent;cursor:pointer;padding:2px;border-radius:4px;transition:transform .1s}.emoji-picker-btn:hover{transform:scale(1.3);background:var(--bg-hover)}.custom-stickers-tray{margin-top:10px}.custom-stickers-tray-title{font-size:11.5px;font-weight:700;color:var(--text-secondary);display:block;margin-bottom:6px}.custom-stickers-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 2px}.custom-sticker-thumb-btn{width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);padding:3px;cursor:pointer;flex-shrink:0;transition:transform .15s ease}.custom-sticker-thumb-btn:hover{transform:scale(1.08)}.custom-sticker-thumb-btn img{width:100%;height:100%;object-fit:contain}.status-creator-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--border-subtle);background:var(--bg-window);flex-shrink:0}.status-privacy-dropdown-wrap{display:flex;align-items:center;gap:8px}.status-privacy-label{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.status-privacy-select{font-size:12.5px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-input);color:var(--text-primary);outline:none}.btn-flux-send{display:inline-flex;align-items:center;gap:6px;background:#10b981;color:#fff;border:none;padding:10px 22px;border-radius:var(--radius-full);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(16,185,129,.35);transition:all .15s ease}.btn-flux-send:hover{background:#059669;transform:translateY(-1px)}.sticker-studio-modal-container{width:820px;height:84vh;max-height:640px;box-shadow:0 25px 70px rgba(0,0,0,.55);display:flex;flex-direction:column;z-index:10000;animation:modalPopIn .22s cubic-bezier(.16,1,.3,1)}.sticker-studio-body{flex:1 1;min-height:0;overflow:hidden}.sticker-preview-canvas-wrapper{background:#0f172a;justify-content:center;padding:24px;position:relative;min-width:0}.checkerboard-pattern-bg{width:260px;height:260px;border-radius:var(--radius-xl);background-color:#1e293b;background-image:linear-gradient(45deg,#0f172a 25%,transparent 0),linear-gradient(-45deg,#0f172a 25%,transparent 0),linear-gradient(45deg,transparent 75%,#0f172a 0),linear-gradient(-45deg,transparent 75%,#0f172a 0);background-position:0 0,0 10px,10px -10px,-10px 0;position:relative;box-shadow:inset 0 2px 10px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.08)}.sticker-diecut-preview{transition:filter .15s ease}.sticker-preview-img{width:170px;height:170px;object-fit:contain;display:block}.sticker-corner-emoji-badge{bottom:-6px;right:-6px}.sticker-preview-caption{margin-top:16px;gap:8px;color:#fff}.sticker-pill-tag{background:rgba(139,92,246,.2);color:#c084fc;font-weight:600;border:1px solid rgba(139,92,246,.4)}.sticker-controls-panel{flex-shrink:0;border-left:1px solid var(--border-subtle);background:var(--bg-window);padding:18px 20px;overflow-y:auto}.studio-control-group{gap:6px}.studio-sample-thumbs-row{align-items:center}.studio-thumb-btn{background:var(--bg-input);padding:2px;transition:all .15s ease}.studio-thumb-btn.active{border-color:#8b5cf6;box-shadow:0 0 0 2px rgba(139,92,246,.3)}.studio-thumb-btn img{border-radius:4px}.studio-upload-thumb-btn{border:1.5px dashed var(--border-medium);transition:all .15s ease}.studio-upload-thumb-btn:hover{border-color:#8b5cf6;color:#8b5cf6;background:var(--bg-hover)}.slider-value-badge{font-size:11px;color:#8b5cf6;background:rgba(139,92,246,.1)}.studio-range-slider{accent-color:#8b5cf6}.range-marks-row{font-size:10px}.studio-option-chip{padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-medium);color:var(--text-secondary);text-align:center;transition:all .15s ease}.studio-option-chip.active{background:rgba(139,92,246,.12);border-color:#8b5cf6;color:#8b5cf6;font-weight:700}.emoji-quick-row{flex-wrap:wrap}.emoji-quick-chip{font-size:14px;transition:all .12s ease}.emoji-quick-chip.active{background:rgba(139,92,246,.15);border-color:#8b5cf6}.status-viewer-backdrop-overlay{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:2000;display:flex;align-items:center;justify-content:center}.status-viewer-corner-logo{position:absolute;top:20px;left:24px;color:hsla(0,0%,100%,.85);font-size:15px;font-weight:800}.status-viewer-close-btn{position:absolute;top:20px;right:24px;color:#fff;background:hsla(0,0%,100%,.15);border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:2100}.status-viewer-close-btn:hover{background:hsla(0,0%,100%,.25)}.status-story-card-wrapper{width:420px;max-width:95vw;height:88vh;max-height:760px;background:#0b0e14;border-radius:var(--radius-xl);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px rgba(0,0,0,.8)}.status-progress-bars-row{display:flex;gap:4px;padding:12px 14px 6px;width:100%;z-index:20}.status-progress-track{flex:1 1;height:3px;background:hsla(0,0%,100%,.3);border-radius:2px;overflow:hidden}.status-progress-fill{height:100%;background:#fff;transition:width .05s linear}.status-story-header-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;z-index:20}.story-author-info{display:flex;align-items:center;gap:10px}.story-avatar-img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #10b981}.story-author-name{font-size:14px;font-weight:700;color:#fff;display:block}.story-author-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:hsla(0,0%,100%,.7)}.story-filter-tag{background:hsla(0,0%,100%,.2);padding:1px 6px;border-radius:var(--radius-full);font-size:10px;color:#fff}.story-header-controls{display:flex;align-items:center;gap:8px}.story-icon-btn{background:transparent;border:none;color:#fff;cursor:pointer}.status-story-media-stage,.story-icon-btn{display:flex;align-items:center;justify-content:center}.status-story-media-stage{flex:1 1;position:relative;overflow:hidden}.story-media-fill{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.story-display-photo,.story-display-video{width:100%;height:100%;object-fit:contain}.story-text-canvas-fill{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center}.story-display-text{color:#fff;font-size:26px;font-weight:700;line-height:1.4;text-shadow:0 2px 10px rgba(0,0,0,.5)}.viewer-placed-sticker{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:10}.viewer-sticker-emoji{font-size:46px;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.viewer-sticker-image{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 3px #FFFFFF) drop-shadow(0 0 6px #FFFFFF) drop-shadow(0 4px 8px rgba(0,0,0,.4))}.story-caption-overlay-bar{position:absolute;bottom:12px;left:14px;right:14px;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 14px;border-radius:var(--radius-md);color:#fff;font-size:13.5px;text-align:center;z-index:15}.story-nav-tap-zone{position:absolute;top:60px;bottom:70px;z-index:10}.story-nav-tap-zone.left{left:0;width:35%;cursor:pointer}.story-nav-tap-zone.right{right:0;width:65%;cursor:pointer}.story-floating-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:hsla(0,0%,100%,.2);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:25;transition:background .15s}.story-floating-nav-btn.prev{left:-54px}.story-floating-nav-btn.next{right:-54px}.story-floating-nav-btn:hover{background:hsla(0,0%,100%,.35)}.status-reply-bottom-bar{padding:10px 14px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.quick-emojis-row{display:flex;justify-content:space-between;margin-bottom:8px}.quick-emoji-chip{font-size:20px;background:transparent;border:none;cursor:pointer;transition:transform .1s}.quick-emoji-chip:hover{transform:scale(1.3)}.status-reply-form{display:flex;align-items:center;gap:8px}.status-reply-input{flex:1 1;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-full);padding:8px 14px;color:#fff;font-size:13px;outline:none}.status-reply-send-btn{width:34px;height:34px;border-radius:50%;background:#10b981;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.status-self-bottom-bar{padding:12px 14px;background:rgba(0,0,0,.6);display:flex;justify-content:center;z-index:20}.views-counter-btn{display:inline-flex;background:hsla(0,0%,100%,.18);border:none;border-radius:var(--radius-full);font-size:13px;cursor:pointer}.status-viewer-toast,.views-counter-btn{align-items:center;gap:6px;color:#fff;padding:6px 14px;font-weight:600}.status-viewer-toast{position:absolute;top:60px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.85);border:1px solid #10b981;border-radius:var(--radius-full);display:flex;font-size:12px;z-index:30}.status-viewers-bottom-sheet{position:absolute;inset:auto 0 0 0;max-height:320px;background:var(--bg-window);border-radius:20px 20px 0 0;padding:16px 20px;z-index:30;box-shadow:0 -10px 30px rgba(0,0,0,.4);overflow-y:auto}.viewers-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.viewers-sheet-title{font-size:14px;font-weight:700;color:var(--text-primary)}.viewers-sheet-list{display:flex;flex-direction:column;gap:8px}.viewer-item-row{display:flex;align-items:center;gap:10px}.viewer-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.viewer-name{font-size:13px;font-weight:600;color:var(--text-primary);display:block}.viewer-time{font-size:11.5px;color:var(--text-muted);display:block}.viewers-empty-state{text-align:center;padding:16px 0;font-size:12.5px;color:var(--text-muted)}.sticker-studio-modal-container{width:800px;max-width:95vw;background:var(--bg-window);border-radius:var(--radius-xl);border:1px solid var(--border-medium);box-shadow:var(--shadow-window);overflow:hidden;z-index:2500}.sticker-studio-body{display:flex;padding:20px;gap:24px}.sticker-preview-canvas-wrapper{flex:1 1;display:flex;flex-direction:column;align-items:center}.checkerboard-pattern-bg{width:100%;aspect-ratio:1;border-radius:var(--radius-lg);background-color:#2a2f3d;background-image:repeating-linear-gradient(45deg,#1f2430 25%,transparent 0,transparent 75%,#1f2430 0,#1f2430),repeating-linear-gradient(45deg,#1f2430 25%,#2a2f3d 0,#2a2f3d 75%,#1f2430 0,#1f2430);background-size:20px 20px;background-position:0 0,10px 10px;padding:20px}.checkerboard-pattern-bg,.sticker-diecut-preview{display:flex;align-items:center;justify-content:center}.sticker-diecut-preview{position:relative;width:170px;height:170px}.sticker-preview-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.sticker-corner-emoji-badge{position:absolute;bottom:-8px;right:-8px;font-size:32px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.sticker-preview-caption{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;font-size:13.5px;font-weight:700;color:var(--text-primary)}.sticker-pill-tag{font-size:11px;font-weight:700;color:#8b5cf6;background:rgba(139,92,246,.12);padding:2px 8px;border-radius:var(--radius-full)}.sticker-controls-panel{width:360px;display:flex;flex-direction:column;gap:14px}.studio-control-group{display:flex;flex-direction:column;gap:4px}.studio-group-label{font-size:12px;font-weight:700;color:var(--text-secondary)}.studio-sample-thumbs-row{display:flex;gap:8px;margin-top:4px}.studio-thumb-btn{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer}.studio-thumb-btn.active{border-color:#2563eb}.studio-thumb-btn img{width:100%;height:100%;object-fit:cover}.studio-upload-thumb-btn{width:44px;height:44px;border-radius:var(--radius-sm);border:1px dashed var(--border-medium);background:var(--bg-input);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary)}.slider-label-row{display:flex;justify-content:space-between;align-items:center}.slider-value-badge{font-size:11.5px;font-weight:700;color:var(--primary-blue);background:var(--primary-blue-light);padding:1px 6px;border-radius:var(--radius-full)}.studio-range-slider{width:100%;accent-color:var(--primary-blue);cursor:pointer}.range-marks-row{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-muted)}.studio-options-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px;margin-top:4px}.studio-option-chip{padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .12s}.studio-option-chip.active{background:var(--primary-blue-light);border-color:var(--primary-blue);color:var(--primary-blue)}.emoji-quick-row{display:flex;gap:6px;margin-top:4px}.emoji-quick-chip{padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);font-size:13px;cursor:pointer}.emoji-quick-chip.active{border-color:var(--primary-blue);background:var(--primary-blue-light)}.flux-settings-layout{width:100%;height:100%;display:flex;overflow:hidden;background:var(--bg-page)}.settings-master-sidebar{width:340px;min-width:300px;flex-shrink:0;border-right:1px solid var(--border-subtle);background:var(--bg-window);display:flex;flex-direction:column;overflow-y:auto}.settings-sidebar-header{padding:20px 20px 14px;border-bottom:1px solid var(--border-subtle)}.settings-sidebar-title{font-size:20px;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2}.settings-profile-quick-card{margin:14px 16px 8px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--bg-hover);border:1px solid var(--border-subtle);display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s ease}.settings-profile-quick-card:hover{border-color:var(--border-medium);transform:translateY(-1px)}.settings-profile-quick-card.active{border-color:#2563eb;background:rgba(37,99,235,.05)}.profile-quick-avatar-wrap{position:relative;width:48px;height:48px;flex-shrink:0}.profile-quick-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border-subtle)}.profile-quick-camera-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:#2563eb;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bg-window)}.profile-quick-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.profile-quick-name{font-size:14.5px;font-weight:700;color:var(--text-primary);margin:0}.profile-quick-bio,.profile-quick-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-quick-bio{font-size:12px;color:var(--text-secondary);margin:2px 0 0}.profile-quick-phone{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);margin-top:1px}.chevron-right-muted{color:var(--text-muted);flex-shrink:0}.settings-sidebar-divider{height:1px;background:var(--border-subtle);margin:6px 16px}.settings-nav-items-list{padding:8px 12px;display:flex;flex-direction:column;gap:4px}.settings-nav-item{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;text-align:left;transition:all .15s ease;width:100%;position:relative}.settings-nav-item:hover{background:var(--bg-hover)}.settings-nav-item.active{background:rgba(37,99,235,.08)}.settings-nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3.5px;border-radius:2px;background:#2563eb}.nav-item-icon-box{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item-text-col{flex:1 1;min-width:0;display:flex;flex-direction:column}.nav-item-title{font-size:13.5px;font-weight:700;color:var(--text-primary);line-height:1.2}.nav-item-sublabel{font-size:11px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-badge-pill{font-size:11px;font-weight:700;padding:1px 7px;border-radius:var(--radius-full);background:rgba(6,182,212,.15);color:#0891b2;margin-right:2px}.nav-item-arrow{color:var(--text-muted);opacity:.6;flex-shrink:0}.settings-detail-viewport{flex:1 1;min-width:0;height:100%;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg-page)}.settings-detail-topbar{padding:16px 32px;border-bottom:1px solid var(--border-subtle);background:var(--bg-window);justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.detail-topbar-left,.settings-detail-topbar{display:flex;align-items:center;gap:16px}.settings-back-btn-mobile{display:none;align-items:center;gap:6px;background:transparent;border:none;font-size:13.5px;font-weight:700;color:var(--primary-blue);cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm)}.detail-topbar-title-row{display:flex;align-items:center;gap:12px}.detail-header-badge{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-topbar-title{font-size:18px;font-weight:800;color:var(--text-primary);line-height:1.2;margin:0}.detail-topbar-sub{font-size:12px;color:var(--text-muted)}.detail-topbar-actions{display:flex;align-items:center;gap:12px}.settings-detail-body-container{flex:1 1;padding:24px 32px 60px;max-width:780px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px}.settings-tab-pane{display:flex;flex-direction:column;gap:16px;animation:modalFadeIn .2s ease}.settings-group-card{background:var(--bg-window);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:22px 24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}.theme-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:4px}@media (max-width:640px){.theme-selector-grid{grid-template-columns:1fr}}.theme-card-option{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 10px;border-radius:var(--radius-md);border:2px solid var(--border-subtle);background:var(--bg-sidebar);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:700;color:var(--text-primary);text-align:center}.theme-card-option:hover{border-color:var(--border-medium);background:var(--bg-hover);transform:translateY(-2px)}.theme-card-option.active{border-color:var(--primary-blue);background:var(--primary-blue-light);color:var(--primary-blue);box-shadow:0 4px 12px var(--primary-blue-glow)}.theme-card-preview{width:44px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border-medium);box-shadow:var(--shadow-sm)}.group-card-title{font-size:14.5px;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin:0}.profile-large-avatar-row{display:flex;align-items:center;gap:18px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.profile-large-avatar-wrap{position:relative;width:76px;height:76px;flex-shrink:0}.profile-large-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--border-medium)}.profile-large-camera-btn{position:absolute;bottom:0;right:0;width:26px;height:26px;border-radius:50%;background:#2563eb;border:2px solid var(--bg-window);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease}.profile-large-camera-btn:hover{transform:scale(1.1);background:#1d4ed8}.profile-large-text-info{display:flex;flex-direction:column}.profile-large-name{font-size:17px;font-weight:800;color:var(--text-primary);margin:0}.profile-large-role{font-size:13px;color:var(--text-secondary);margin:2px 0 4px}.profile-photo-hint{font-size:11.5px;color:var(--text-muted)}.input-helper-text{font-size:11px;color:var(--text-muted);line-height:1.4;margin-top:4px}.field-label-between{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.char-counter-tag{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.settings-info-card-green{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-lg);padding:14px 16px;display:flex;gap:12px;align-items:flex-start}.info-card-title{font-size:13.5px;font-weight:700;color:#065f46}[data-theme=dark] .info-card-title{color:#34d399}.info-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:4px 0 0}.security-key-display-box{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.key-icon-bubble{width:32px;height:32px;border-radius:8px;background:rgba(239,68,68,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.key-title{font-size:12.5px;font-weight:700;color:var(--text-primary);display:block}.key-hash{font-size:11px;color:var(--text-muted);display:block}.key-verified-tag{font-size:10.5px;font-weight:700;color:#ef4444;background:rgba(239,68,68,.12);padding:2px 8px;border-radius:var(--radius-full)}.account-action-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.account-action-row:last-child{border-bottom:none}.account-action-title{font-size:13.5px;font-weight:700;color:var(--text-primary)}.account-action-title.danger{color:#dc2626}.account-action-desc{font-size:11.5px;color:var(--text-secondary);margin:2px 0 0}.btn-danger-outline{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.35);background:transparent;color:#dc2626;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-danger-outline:hover{background:#dc2626;color:#fff}.settings-form-submit-row{display:flex;justify-content:flex-end;padding-top:8px}.privacy-section-block{background:var(--bg-input);border-radius:var(--radius-md);padding:12px 14px}.privacy-section-heading{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);display:block;margin-bottom:8px}.privacy-field-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border-subtle)}.privacy-field-row:last-child{border-bottom:none}.privacy-field-label-col{display:flex;flex-direction:column}.privacy-field-name{font-size:13px;font-weight:600;color:var(--text-primary)}.privacy-field-hint{font-size:11px;color:var(--text-secondary)}.privacy-select-sm{font-size:12.5px;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-window);color:var(--text-primary);outline:none}.privacy-badge-pill{font-size:11px;font-weight:700;color:#10b981;background:rgba(16,185,129,.12);padding:2px 8px;border-radius:var(--radius-full)}.privacy-add-block-btn{font-size:11.5px;font-weight:700;color:var(--primary-blue);background:transparent;border:none;cursor:pointer}.blocked-contacts-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.blocked-contact-pill-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-window);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 10px}.blocked-contact-name{font-size:12px;color:var(--text-secondary)}.unblock-btn{font-size:11px;font-weight:700;color:#ef4444;background:transparent;border:none;cursor:pointer}.bio-emojis-quick-row{display:flex;gap:4px;margin-top:6px;overflow-x:auto}.bio-emoji-chip{font-size:15px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;cursor:pointer;transition:transform .1s}.bio-emoji-chip:hover{transform:scale(1.2)}.bio-presets-flow{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.bio-preset-chip{font-size:11.5px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px 10px;color:var(--text-secondary);cursor:pointer;transition:all .12s}.bio-preset-chip:hover{background:var(--primary-blue-light);color:var(--primary-blue);border-color:var(--primary-blue)}.devices-security-card{position:relative}.btn-link-device-primary{display:inline-flex;align-items:center;gap:6px;background:#2563eb;color:#fff;border:none;padding:6px 14px;border-radius:var(--radius-full);font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px rgba(37,99,235,.28);transition:all .15s ease}.btn-link-device-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.device-action-feedback-toast{display:flex;align-items:center;gap:8px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#10b981;padding:8px 12px;border-radius:var(--radius-md);font-size:12.5px;font-weight:600;margin-bottom:12px;animation:fadeIn .2s ease}.single-mobile-enforcement-banner{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(37,99,235,.06));border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:16px}.policy-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.policy-badge-title{font-size:13px;font-weight:700;color:#065f46}[data-theme=dark] .policy-badge-title{color:#34d399}.policy-enforced-tag{font-size:10.5px;font-weight:700;color:#10b981;background:rgba(16,185,129,.18);padding:2px 8px;border-radius:var(--radius-full)}.policy-explanation-text{font-size:12px;color:var(--text-secondary);line-height:1.55;margin-bottom:12px}.bound-phone-highlight-strip{display:flex;align-items:center;justify-content:space-between;background:var(--bg-window);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px}.bound-phone-left{display:flex;align-items:center;gap:10px}.phone-master-icon-box{width:36px;height:36px;border-radius:50%;background:rgba(16,185,129,.12);display:flex;align-items:center;justify-content:center}.bound-phone-title{font-size:13px;font-weight:700;color:var(--text-primary)}.bound-phone-pill{font-size:10.5px;font-weight:700;color:#10b981;background:rgba(16,185,129,.14);padding:1px 7px;border-radius:var(--radius-full)}.bound-phone-meta{font-size:12px;color:var(--text-secondary);display:block}.btn-transfer-phone{font-size:12px;font-weight:700;color:#2563eb;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.2);padding:5px 12px;border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.btn-transfer-phone:hover{background:#2563eb;color:#fff}.graphical-devices-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.graphical-device-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 16px;transition:all .15s ease}.graphical-device-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.graphical-device-card.current{border-color:rgba(37,99,235,.35);background:linear-gradient(135deg,rgba(37,99,235,.04) 0,var(--bg-input) 100%)}.graphical-device-card.primary-mobile{border-color:rgba(16,185,129,.35)}.device-card-top-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.device-graphic-box{flex-shrink:0}.device-hardware-emblem{position:relative;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.device-hardware-emblem.desktop{background:rgba(37,99,235,.12)}.device-hardware-emblem.mobile{background:rgba(16,185,129,.12)}.device-hardware-emblem.laptop{background:rgba(139,92,246,.12)}.hardware-os-pill{position:absolute;bottom:-4px;right:-4px;font-size:8.5px;font-weight:800;text-transform:uppercase;background:var(--text-primary);color:var(--bg-window);padding:1px 4px;border-radius:4px}.device-title-info{flex:1 1;min-width:0}.device-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.device-display-name{font-size:14.5px;font-weight:700;color:var(--text-primary);margin:0}.device-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.device-status-badge.active-now{color:#10b981;background:rgba(16,185,129,.14)}.device-status-badge.primary-mobile-badge{color:#059669;background:rgba(16,185,129,.18)}.device-status-badge.companion-badge{color:#8b5cf6;background:rgba(139,92,246,.12)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.35);animation:pulseDot 2s infinite}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.device-system-string{font-size:12px;color:var(--text-secondary);display:block;margin-top:2px}.device-card-action-slot{flex-shrink:0}.current-device-tag{font-size:11.5px;font-weight:600;color:var(--primary-blue);background:rgba(37,99,235,.08);padding:4px 10px;border-radius:var(--radius-full)}.master-lock-tag{font-size:11px;font-weight:700;color:#059669;background:rgba(16,185,129,.12);padding:4px 8px;border-radius:var(--radius-full)}.btn-revoke-device{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#ef4444;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.btn-revoke-device:hover{background:#ef4444;color:#fff}.device-specs-matrix{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px 14px;gap:8px 14px;padding-top:10px;border-top:1px solid var(--border-subtle)}.spec-item{display:flex;align-items:flex-start;gap:8px}.spec-item-icon{margin-top:2px;flex-shrink:0}.spec-item-text{display:flex;flex-direction:column;min-width:0}.spec-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.spec-value{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-value.mono{font-family:Consolas,monospace;font-size:11.5px}.terminate-sessions-row{margin-top:14px}.btn-terminate-all{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:#ef4444;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-terminate-all:hover{background:#ef4444;color:#fff}.device-qr-modal-window{width:760px;max-width:95vw;background:var(--bg-window);border-radius:var(--radius-xl);border:1px solid var(--border-medium);box-shadow:var(--shadow-window);overflow:hidden;z-index:2400}.device-qr-modal-body{display:flex;padding:24px;gap:28px}.device-qr-instructions-col{flex:1 1;display:flex;flex-direction:column}.instructions-heading{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.instructions-ordered-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:14px}.instruction-step-item{display:flex;align-items:flex-start;gap:12px}.step-num-badge{width:24px;height:24px;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.step-text-title{font-size:13.5px;font-weight:600;color:var(--text-primary);display:block}.step-text-desc{font-size:12px;color:var(--text-secondary);display:block}.single-mobile-policy-box{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-md);padding:12px 14px}.policy-box-title{font-size:12.5px;font-weight:700;color:#065f46}[data-theme=dark] .policy-box-title{color:#34d399}.policy-box-text{font-size:11.5px;color:var(--text-secondary);line-height:1.5;margin-top:4px}.device-qr-canvas-col{width:280px;display:flex;flex-direction:column;align-items:center}.qr-code-frame-box{width:250px;height:250px;background:#fff;border:2px solid var(--border-medium);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-md)}.qr-code-frame-box,.qr-code-graphic-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-code-svg-render{width:190px;height:190px}.qr-countdown-hint{font-size:11px;color:var(--text-muted);margin-top:8px}.qr-pairing-loading-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px}.pairing-spinner-ring{width:40px;height:40px;border:3px solid rgba(37,99,235,.2);border-top-color:#2563eb;border-radius:50%;animation:spinSlow 1s linear infinite;margin-bottom:12px}.pairing-status-text{font-size:13px;font-weight:700;color:var(--text-primary)}.pairing-status-sub{font-size:11.5px;color:var(--text-secondary);margin-top:4px}.qr-pairing-success-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px}.pairing-success-title{font-size:14px;font-weight:800;color:#10b981;margin-top:10px}.pairing-success-sub{font-size:11.5px;color:var(--text-secondary);margin-top:4px}.phone-transfer-modal-window{width:520px;max-width:95vw;background:var(--bg-window);border-radius:var(--radius-xl);border:1px solid var(--border-medium);box-shadow:var(--shadow-window);overflow:hidden;z-index:2500}.phone-transfer-body{padding:20px 24px}.phone-transfer-warning-box{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);padding:12px 14px}.warning-box-title{font-size:13px;font-weight:700;color:#dc2626;display:block}.warning-box-text{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-top:4px}@media (max-width:1024px){.status-feed-sidebar{width:340px}.status-creator-modal-window{width:95vw;height:90vh}.status-sidebar-column{width:320px}.sticker-studio-modal-container{width:95vw;height:90vh}}@media (max-width:860px){.status-creator-modal-window{width:96vw;height:92vh;max-height:92vh}.status-creator-content{flex-direction:column;overflow-y:auto}.status-main-canvas-column{padding:12px;min-height:380px}.status-story-canvas-viewport{width:240px;height:360px}.status-sidebar-column{width:100%;border-left:none;border-top:1px solid var(--border-subtle);max-height:260px;padding:14px 16px}.sticker-studio-body{flex-direction:column;overflow-y:auto}.sticker-preview-canvas-wrapper{padding:16px;min-height:260px}.checkerboard-pattern-bg{width:200px;height:200px}.sticker-preview-img{width:130px;height:130px}.sticker-controls-panel{width:100%;border-left:none;border-top:1px solid var(--border-subtle);padding:16px}.device-qr-modal-body{flex-direction:column-reverse;gap:16px;padding:16px}.device-qr-canvas-col{width:100%}}@media (max-width:768px){.status-screen-layout{flex-direction:column}.status-feed-sidebar{width:100%;height:100%;border-right:none}.status-welcome-stage{display:none}.modal-backdrop-overlay,.modal-backdrop-portal{padding:10px}.status-modes-tabs{overflow-x:auto;max-width:280px}.creator-main-sub{display:none}.flux-settings-layout{flex-direction:column}.settings-detail-viewport.mobile-hidden,.settings-master-sidebar.mobile-hidden{display:none!important}.settings-master-sidebar{width:100%;min-width:100%;border-right:none;height:100%}.settings-detail-viewport{width:100%;height:100%}.settings-back-btn-mobile{display:inline-flex}.settings-detail-body-container{padding:16px 14px 40px}.settings-detail-topbar{padding:12px 16px}}.flux-web-login-wrapper{position:relative;min-height:100vh;width:100vw;background-color:#e1e4ea;display:flex;flex-direction:column;overflow-x:hidden;font-family:inherit;transition:background-color .25s ease}.dark-theme .flux-web-login-wrapper,[data-theme=dark] .flux-web-login-wrapper{background-color:#0c1317}.flux-login-top-band{height:222px;background:linear-gradient(135deg,#1e3a8a,#2563eb 50%,#3b82f6);width:100%;display:flex;justify-content:center;padding:0 32px;flex-shrink:0;box-shadow:0 4px 20px rgba(37,99,235,.25)}.dark-theme .flux-login-top-band,[data-theme=dark] .flux-login-top-band{background:linear-gradient(180deg,#0f172a,#1e293b);border-bottom:1px solid rgba(59,130,246,.25);box-shadow:0 4px 24px rgba(0,0,0,.45)}.login-top-band-content{max-width:1020px;width:100%;height:80px;display:flex;align-items:center;justify-content:space-between}.flux-login-brand{display:flex;align-items:center;gap:12px}.flux-brand-svg-box{width:38px;height:38px;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}.flux-brand-title{color:#fff;font-size:15px;font-weight:800;letter-spacing:.5px}.login-top-band-actions{display:flex;align-items:center;gap:12px}.login-theme-btn{width:38px;height:38px;border-radius:var(--radius-full);border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.login-theme-btn:hover{background:hsla(0,0%,100%,.25);transform:translateY(-1px)}.login-quick-demo-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:var(--radius-full);background:#fff;color:#2563eb;border:none;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.15);transition:all .2s ease}.login-quick-demo-btn:hover{background:#eff6ff;transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,99,235,.3)}.dark-theme .login-quick-demo-btn,[data-theme=dark] .login-quick-demo-btn{background:#2563eb;color:#fff}.dark-theme .login-quick-demo-btn:hover,[data-theme=dark] .login-quick-demo-btn:hover{background:#1d4ed8}.flux-login-card-container{display:flex;flex-direction:column;align-items:center;margin-top:-142px;padding:0 24px 48px;position:relative;z-index:10;flex:1 1}.flux-login-card{max-width:1020px;width:100%;min-height:510px;background:#fff;border-radius:12px;box-shadow:0 17px 50px 0 rgba(11,20,26,.19),0 12px 15px 0 rgba(11,20,26,.15);padding:52px 60px 48px;position:relative;overflow:hidden;transition:background-color .25s ease,box-shadow .25s ease}.dark-theme .flux-login-card,[data-theme=dark] .flux-login-card{background:#222e35;box-shadow:0 20px 60px 0 rgba(0,0,0,.45)}.login-qr-layout-grid{display:grid;grid-template-columns:1fr 320px;grid-gap:52px;gap:52px;align-items:center}.login-instructions-col{display:flex;flex-direction:column}.login-main-heading{font-size:27px;font-weight:400;color:#3b4a54;line-height:1.35;margin:0 0 26px;letter-spacing:-.2px}.dark-theme .login-main-heading,[data-theme=dark] .login-main-heading{color:#e9edef}.login-sub-text{font-size:14.5px;color:#667781;line-height:1.55;margin:0 0 22px}.dark-theme .login-sub-text,[data-theme=dark] .login-sub-text{color:#8696a0}.login-steps-list{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:18px}.login-step-item{display:flex;align-items:flex-start;gap:16px}.step-num{width:24px;height:24px;border-radius:var(--radius-full);background:rgba(37,99,235,.12);color:#2563eb;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.dark-theme .step-num,[data-theme=dark] .step-num{background:rgba(59,130,246,.18);color:#60a5fa}.step-text{font-size:15.5px;line-height:1.55;color:#3b4a54}.dark-theme .step-text,[data-theme=dark] .step-text{color:#d1d7db}.step-text strong{font-weight:700;color:#111b21}.dark-theme .step-text strong,[data-theme=dark] .step-text strong{color:#fff}.login-options-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-top:8px}.login-checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#667781;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark-theme .login-checkbox-label,[data-theme=dark] .login-checkbox-label{color:#8696a0}.login-checkbox-input{width:17px;height:17px;accent-color:#2563eb;cursor:pointer}.login-text-link{background:transparent;border:none;color:#2563eb;font-size:14px;font-weight:600;cursor:pointer;padding:0;transition:opacity .15s ease}.login-text-link:hover{text-decoration:underline;opacity:.85}.dark-theme .login-text-link,[data-theme=dark] .login-text-link{color:#60a5fa}.login-switch-mode-box{margin-top:8px;border-top:1px solid #e9edef;padding-top:18px}.dark-theme .login-switch-mode-box,[data-theme=dark] .login-switch-mode-box{border-color:#2a3942}.btn-switch-pairing-mode{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:#2563eb;font-size:15px;font-weight:600;cursor:pointer;padding:0;transition:all .15s ease}.btn-switch-pairing-mode:hover{color:#1d4ed8;text-decoration:underline}.dark-theme .btn-switch-pairing-mode,[data-theme=dark] .btn-switch-pairing-mode{color:#60a5fa}.dark-theme .btn-switch-pairing-mode:hover,[data-theme=dark] .btn-switch-pairing-mode:hover{color:#93c5fd}.login-qr-canvas-col{flex-direction:column}.login-qr-canvas-col,.qr-frame-wrapper{display:flex;align-items:center;justify-content:center}.qr-frame-wrapper{width:270px;height:270px;background:#fff;border-radius:12px;border:1px solid #e9edef;box-shadow:0 4px 20px rgba(0,0,0,.08);position:relative;overflow:hidden}.dark-theme .qr-frame-wrapper,[data-theme=dark] .qr-frame-wrapper{background:#fff;border-color:#374248;box-shadow:0 8px 24px rgba(0,0,0,.35)}.qr-svg-matrix-container{width:100%;height:100%;padding:16px;display:flex;align-items:center;justify-content:center;color:#111b21}.qr-svg-element{width:100%;height:100%}.qr-laser-scanner-line{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#60a5fa 30%,#2563eb 50%,#60a5fa 70%,transparent);box-shadow:0 0 10px #3b82f6,0 0 18px rgba(37,99,235,.7);z-index:5;animation:scanSweep 2.4s ease-in-out infinite alternate;pointer-events:none}@keyframes scanSweep{0%{top:14px;opacity:.6}50%{opacity:1}to{top:252px;opacity:.6}}.qr-pairing-transition-state{position:absolute;inset:0;background:hsla(0,0%,100%,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;z-index:10;animation:fadeIn .25s ease}.dark-theme .qr-pairing-transition-state,[data-theme=dark] .qr-pairing-transition-state{background:rgba(17,27,33,.96)}.scanner-ripple-circle{width:52px;height:52px;border-radius:var(--radius-full);border:3px solid #3b82f6;animation:ripplePulse 1.2s ease-out infinite}@keyframes ripplePulse{0%{transform:scale(.6);opacity:1}to{transform:scale(1.4);opacity:0}}.pairing-spinner-emerald,.pairing-spinner-flux{width:44px;height:44px;border:3.5px solid rgba(37,99,235,.2);border-top-color:#2563eb;border-radius:var(--radius-full);animation:spin .8s linear infinite}.pairing-state-label{font-size:14.5px;font-weight:700;color:#111b21;margin-top:14px}.dark-theme .pairing-state-label,[data-theme=dark] .pairing-state-label{color:#e9edef}.pairing-state-sub{font-size:11.5px;color:#667781;margin-top:4px;line-height:1.4}.dark-theme .pairing-state-sub,[data-theme=dark] .pairing-state-sub{color:#8696a0}.success-bounce{animation:successBounce .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes successBounce{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.qr-countdown-indicator{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#667781;margin-top:14px}.dark-theme .qr-countdown-indicator,[data-theme=dark] .qr-countdown-indicator{color:#8696a0}.spin-on-reset{animation:spin 25s linear infinite}.btn-simulate-phone-scan{margin-top:16px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:var(--radius-md);border:none;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(37,99,235,.35);transition:all .2s ease}.btn-simulate-phone-scan:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1.5px);box-shadow:0 6px 18px rgba(37,99,235,.45)}.btn-simulate-phone-scan:active{transform:translateY(0)}.login-phone-layout-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:48px;gap:48px;align-items:center}.login-phone-left-col{display:flex;flex-direction:column}.btn-back-to-qr{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#2563eb;font-size:13.5px;font-weight:700;cursor:pointer;padding:0;margin-bottom:20px;align-self:flex-start;transition:opacity .15s ease}.btn-back-to-qr:hover{text-decoration:underline;opacity:.85}.dark-theme .btn-back-to-qr,[data-theme=dark] .btn-back-to-qr{color:#60a5fa}.phone-pairing-form{display:flex;flex-direction:column;gap:16px}.phone-country-dropdown-field,.phone-number-input-field{display:flex;flex-direction:column;gap:6px}.phone-field-label{font-size:12.5px;font-weight:700;color:#667781;text-transform:uppercase;letter-spacing:.5px}.dark-theme .phone-field-label,[data-theme=dark] .phone-field-label{color:#8696a0}.phone-country-select{padding:10px 14px;border-radius:var(--radius-md);border:1px solid #d1d7db;background:#fff;color:#111b21;font-size:14px;font-weight:500;outline:none;cursor:pointer}.dark-theme .phone-country-select,[data-theme=dark] .phone-country-select{border-color:#2a3942;background:#111b21;color:#e9edef}.phone-input-combined-box{display:flex;align-items:center;border:1px solid #d1d7db;border-radius:var(--radius-md);overflow:hidden;background:#fff;transition:border-color .15s ease}.phone-input-combined-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.18)}.dark-theme .phone-input-combined-box,[data-theme=dark] .phone-input-combined-box{border-color:#2a3942;background:#111b21}.country-code-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:#f0f2f5;color:#3b4a54;font-size:14px;font-weight:700;border-right:1px solid #d1d7db;flex-shrink:0}.dark-theme .country-code-pill,[data-theme=dark] .country-code-pill{background:#202c33;color:#d1d7db;border-color:#2a3942}.phone-raw-input{flex:1 1;border:none;outline:none;padding:10px 14px;font-size:15px;color:#111b21;background:transparent}.dark-theme .phone-raw-input,[data-theme=dark] .phone-raw-input{color:#e9edef}.single-mobile-security-callout{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(37,99,235,.08);border-radius:var(--radius-md);border:1px solid rgba(37,99,235,.22);font-size:12.5px;color:#1d4ed8;line-height:1.4}.dark-theme .single-mobile-security-callout,[data-theme=dark] .single-mobile-security-callout{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.28);color:#93c5fd}.btn-phone-pairing-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:var(--radius-md);border:none;font-size:14.5px;font-weight:700;cursor:pointer;margin-top:6px;box-shadow:0 4px 14px rgba(37,99,235,.35);transition:all .2s ease}.btn-phone-pairing-submit:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.phone-pairing-code-view{display:flex;flex-direction:column}.pairing-code-display-tiles{gap:8px;margin:20px 0 24px}.pairing-code-display-tiles,.pairing-code-tile{display:flex;align-items:center;justify-content:center}.pairing-code-tile{width:44px;height:54px;background:#f0f2f5;border:2px solid #d1d7db;border-radius:8px;font-family:monospace,monospace;font-size:24px;font-weight:700;color:#111b21;box-shadow:0 2px 4px rgba(0,0,0,.05)}.dark-theme .pairing-code-tile,[data-theme=dark] .pairing-code-tile{background:#111b21;border-color:#2a3942;color:#60a5fa}.pairing-code-tile.hyphen{width:20px;border:none;background:transparent;box-shadow:none;color:#8696a0}.code-instructions-box{background:#f0f2f5;border-radius:var(--radius-md);padding:14px 18px;margin-bottom:20px}.dark-theme .code-instructions-box,[data-theme=dark] .code-instructions-box{background:#111b21}.code-instruction-title{font-size:13px;font-weight:700;color:#111b21;display:block;margin-bottom:8px}.dark-theme .code-instruction-title,[data-theme=dark] .code-instruction-title{color:#e9edef}.code-instruction-steps{margin:0;padding-left:18px;font-size:12.5px;color:#667781;line-height:1.55}.dark-theme .code-instruction-steps,[data-theme=dark] .code-instruction-steps{color:#8696a0}.code-action-buttons-row{display:flex;align-items:center;gap:12px}.login-phone-right-col{display:flex;justify-content:center}.phone-mockup-graphic{width:240px;height:380px;border-radius:28px;background:#1e293b;border:4px solid #334155;box-shadow:0 16px 36px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;padding:10px 10px 14px;position:relative}.phone-speaker-notch{width:60px;height:6px;background:#475569;border-radius:4px;margin-bottom:10px}.phone-screen-display{width:100%;flex:1 1;background:#0b141a;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.mock-app-header{background:#202c33;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.mock-app-title{font-size:12px;font-weight:700;color:#3b82f6}.mock-app-status{font-size:10px;color:#8696a0}.mock-screen-content{flex:1 1;flex-direction:column;padding:16px;text-align:center}.mock-phone-lock-icon,.mock-screen-content{display:flex;align-items:center;justify-content:center}.mock-phone-lock-icon{width:44px;height:44px;border-radius:var(--radius-full);background:rgba(37,99,235,.15);margin-bottom:12px}.mock-step-text{font-size:11px;color:#d1d7db;font-weight:600;margin-bottom:10px}.mock-code-box{background:#111b21;border:1px dashed #3b82f6;border-radius:6px;padding:6px 12px;font-family:monospace;font-size:15px;font-weight:700;color:#60a5fa;letter-spacing:1px;margin-bottom:10px}.mock-device-hint{font-size:9.5px;color:#8696a0}.flux-login-security-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:32px;font-size:13px;color:#667781}.dark-theme .flux-login-security-footer,[data-theme=dark] .flux-login-security-footer{color:#8696a0}.security-footer-item{display:flex;align-items:center;gap:6px;font-weight:600}.footer-dot{opacity:.5}.setup-mode-segmented-bar{display:flex;align-items:center;justify-content:center;background:var(--bg-hover,#f1f5f9);padding:4px;border-radius:var(--radius-full,9999px);margin-bottom:24px;border:1px solid var(--border-color,#e2e8f0);gap:4px;width:100%;max-width:580px;margin-left:auto;margin-right:auto}.dark-theme .setup-mode-segmented-bar,[data-theme=dark] .setup-mode-segmented-bar{background:#111b21;border-color:#202c33}.setup-mode-tab{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-full,9999px);border:none;background:transparent;color:var(--text-secondary,#64748b);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.setup-mode-tab:hover{color:var(--text-primary,#0f172a)}.setup-mode-tab.active{background:var(--bg-panel,#fff);color:#2563eb;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.08)}.dark-theme .setup-mode-tab.active,[data-theme=dark] .setup-mode-tab.active{background:#202c33;color:#60a5fa;box-shadow:0 2px 8px rgba(0,0,0,.4)}.otp-boxes-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 16px}.otp-digit-input{width:50px;height:56px;text-align:center;font-size:24px;font-weight:800;border-radius:var(--radius-md,10px);border:2px solid var(--border-color,#e2e8f0);background:var(--bg-input,#fff);color:var(--text-primary,#0f172a);transition:all .2s ease;outline:none}.otp-digit-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.2);transform:translateY(-1px)}.dark-theme .otp-digit-input,[data-theme=dark] .otp-digit-input{background:#111b21;border-color:#202c33;color:#f1f5f9}.optional-email-card{background:linear-gradient(135deg,rgba(37,99,235,.05),rgba(59,130,246,.1));border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-lg,12px);padding:16px 20px;margin:16px 0;display:flex;flex-direction:column;gap:8px}.dark-theme .optional-email-card,[data-theme=dark] .optional-email-card{background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(30,41,59,.5));border-color:rgba(59,130,246,.25)}.optional-badge-pill{display:inline-flex;align-items:center;gap:4px;background:rgba(37,99,235,.15);color:#2563eb;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.dark-theme .optional-badge-pill,[data-theme=dark] .optional-badge-pill{background:rgba(59,130,246,.25);color:#93c5fd}.org-discovery-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-hover,#f8fafc);border:1.5px solid #2563eb;border-radius:var(--radius-md,10px);margin:16px 0;box-shadow:0 4px 12px rgba(37,99,235,.1);animation:fadeIn .3s ease}.dark-theme .org-discovery-card,[data-theme=dark] .org-discovery-card{background:#111b21;border-color:#3b82f6;box-shadow:0 4px 14px rgba(0,0,0,.3)}.org-discovery-left{display:flex;align-items:center;gap:12px}.org-avatar-badge{width:40px;height:40px;border-radius:var(--radius-md,8px);background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.org-subtabs-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;border-bottom:1px solid var(--border-color,#e2e8f0);padding-bottom:8px}.org-subtab-btn{background:transparent;border:none;padding:8px 14px;border-radius:var(--radius-md,8px);font-size:13.5px;font-weight:600;color:var(--text-secondary,#64748b);cursor:pointer;transition:all .15s ease}.org-subtab-btn.active{background:rgba(37,99,235,.1);color:#2563eb;font-weight:700}.dark-theme .org-subtab-btn.active,[data-theme=dark] .org-subtab-btn.active{background:rgba(59,130,246,.15);color:#60a5fa}@media (max-width:860px){.flux-login-top-band{height:180px;padding:0 16px}.flux-login-card,.flux-login-card-container{margin-top:-110px;padding:0 14px 32px}.flux-login-card{padding:32px 24px;min-height:auto}.login-qr-layout-grid{grid-template-columns:1fr;gap:32px}.login-qr-canvas-col{order:-1}.qr-frame-wrapper{width:240px;height:240px}.login-main-heading{font-size:21px}.login-phone-layout-grid{grid-template-columns:1fr;gap:28px}.login-phone-right-col{display:none}}.phone-country-input-wrapper{display:flex;align-items:center;border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-input);position:relative;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.phone-country-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.18)}.phone-country-picker-relative{position:relative;flex-shrink:0}.phone-country-selector-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;background:rgba(0,0,0,.03);border:none;border-right:1px solid var(--border-medium);cursor:pointer;height:100%;color:var(--text-primary);font-size:14px;font-weight:600;transition:background .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.phone-country-selector-btn:hover{background:rgba(0,0,0,.06)}.dark-theme .phone-country-selector-btn,[data-theme=dark] .phone-country-selector-btn{background:hsla(0,0%,100%,.06)}.dark-theme .phone-country-selector-btn:hover,[data-theme=dark] .phone-country-selector-btn:hover{background:hsla(0,0%,100%,.1)}.country-flag-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.country-flag-graphic{display:inline-block;vertical-align:middle;border-radius:2.5px;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.16);border:1px solid rgba(0,0,0,.08);flex-shrink:0;transition:transform .15s ease}.dark-theme .country-flag-graphic,[data-theme=dark] .country-flag-graphic{box-shadow:0 1px 3px rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.15)}.country-flag-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;font-weight:700;letter-spacing:.5px}.country-dial-code{font-size:13.5px;font-weight:700;color:var(--text-primary);font-family:inherit}.country-chevron{color:var(--text-muted);transition:transform .2s ease}.country-chevron.open{transform:rotate(180deg)}.phone-national-number-input{flex:1 1;padding:9px 12px;border:none;outline:none;background:transparent;font-size:14px;color:var(--text-primary);font-family:inherit}.phone-country-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;width:320px;max-width:90vw;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,.18);z-index:1000;overflow:hidden;animation:fadeIn .15s ease;display:flex;flex-direction:column}.dark-theme .phone-country-dropdown-menu,[data-theme=dark] .phone-country-dropdown-menu{background:#202c33;border-color:#2a3942;box-shadow:0 12px 36px rgba(0,0,0,.45)}.country-dropdown-search-box{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle)}.dark-theme .country-dropdown-search-box,[data-theme=dark] .country-dropdown-search-box{background:#111b21}.country-search-field{flex:1 1;border:none;outline:none;background:transparent;font-size:13px;color:var(--text-primary);font-family:inherit}.icon-btn-ghost-sm{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:50%}.country-dropdown-list-viewport{max-height:250px;overflow-y:auto;padding:4px}.country-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left;transition:background .12s ease;font-size:13px;color:var(--text-primary)}.country-dropdown-item:hover{background:var(--bg-hover)}.country-dropdown-item.selected{background:rgba(37,99,235,.12);color:#2563eb;font-weight:600}.dark-theme .country-dropdown-item.selected,[data-theme=dark] .country-dropdown-item.selected{background:rgba(59,130,246,.2);color:#60a5fa}.dropdown-item-flag{font-size:18px;line-height:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.dropdown-item-name{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item-code{font-weight:700;color:var(--text-secondary);font-size:12px;margin-right:4px}.country-dropdown-item.selected .dropdown-item-code{color:#2563eb}.dark-theme .country-dropdown-item.selected .dropdown-item-code,[data-theme=dark] .country-dropdown-item.selected .dropdown-item-code{color:#60a5fa}.country-dropdown-empty{padding:18px 12px;text-align:center;font-size:12.5px;color:var(--text-muted)}.logout-modal-card{width:440px;max-width:92vw;background:var(--bg-window);border-radius:var(--radius-xl);border:1px solid var(--border-medium);box-shadow:0 25px 70px rgba(0,0,0,.42);display:flex;flex-direction:column;overflow:hidden;animation:modalPopIn .2s cubic-bezier(.16,1,.3,1);z-index:10001}.dark-theme .logout-modal-card,[data-theme=dark] .logout-modal-card{background:#1e293b;border-color:#334155;box-shadow:0 30px 80px rgba(0,0,0,.65)}.logout-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 10px}.logout-icon-bubble{width:46px;height:46px;border-radius:14px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);display:flex;align-items:center;justify-content:center;color:#ef4444}.dark-theme .logout-icon-bubble,[data-theme=dark] .logout-icon-bubble{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.3)}.logout-close-btn{color:var(--text-muted)}.logout-modal-body{padding:8px 24px 20px;display:flex;flex-direction:column;gap:14px}.logout-modal-title{font-size:19px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.3px}.logout-modal-description{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0}.logout-user-preview-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.dark-theme .logout-user-preview-card,[data-theme=dark] .logout-user-preview-card{background:rgba(15,23,42,.6);border-color:#334155}.logout-user-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.logout-user-meta{display:flex;flex-direction:column}.logout-user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.logout-user-phone{font-size:12.5px;color:var(--text-muted)}.logout-security-note{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;background:rgba(100,116,139,.08);border-radius:var(--radius-sm);font-size:12px;line-height:1.45;color:var(--text-muted)}.logout-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;background:var(--bg-subtle);border-top:1px solid var(--border-subtle)}.dark-theme .logout-modal-footer,[data-theme=dark] .logout-modal-footer{background:rgba(15,23,42,.4);border-color:#334155}.btn-logout-cancel{padding:9px 16px;font-size:13.5px;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn-logout-cancel:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.btn-logout-confirm{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:600;color:#fff;background:#ef4444;border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 2px 6px rgba(239,68,68,.35);transition:all .15s ease}.btn-logout-confirm:hover{background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.45);transform:translateY(-1px)}.btn-logout-confirm:active{transform:translateY(0)}.chat-more-menu-container{position:relative;display:inline-flex;align-items:center}.chat-header-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:230px;background:var(--bg-window);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:0 12px 36px rgba(0,0,0,.22);z-index:100;padding:6px;display:flex;flex-direction:column;gap:2px;animation:slideDown .16s cubic-bezier(.16,1,.3,1)}.dark-theme .chat-header-dropdown-menu,[data-theme=dark] .chat-header-dropdown-menu{background:#1e293b;border-color:#334155;box-shadow:0 16px 42px rgba(0,0,0,.55)}.chat-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;background:transparent;color:var(--text-primary);font-size:13.5px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;transition:all .12s ease}.chat-dropdown-item:hover{background:var(--bg-hover);color:var(--primary-blue)}.chat-dropdown-item.danger{color:#ef4444}.chat-dropdown-item.danger:hover{background:rgba(239,68,68,.1);color:#dc2626}.chat-dropdown-divider{height:1px;background:var(--border-subtle);margin:4px 6px}.chat-feedback-toast{position:fixed;bottom:84px;left:50%;transform:translateX(-50%);background:#0f172a;color:#fff;padding:10px 18px;border-radius:9999px;font-size:13px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.35);display:flex;align-items:center;gap:8px;z-index:9999;animation:modalFadeIn .2s ease-out;border:1px solid hsla(0,0%,100%,.12);pointer-events:none}.dark-theme .chat-feedback-toast,[data-theme=dark] .chat-feedback-toast{background:#1e293b;border-color:#475569}.private-chat-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:9999px;background:rgba(139,92,246,.12);color:#8b5cf6;font-size:11px;font-weight:700;letter-spacing:.2px;border:1px solid rgba(139,92,246,.25);margin-left:6px;vertical-align:middle}.dark-theme .private-chat-badge,[data-theme=dark] .private-chat-badge{background:rgba(139,92,246,.2);color:#a78bfa;border-color:rgba(139,92,246,.4)}.archived-chat-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:9999px;background:rgba(217,119,6,.12);color:#d97706;font-size:11px;font-weight:700;letter-spacing:.2px;border:1px solid rgba(217,119,6,.25);margin-left:6px;vertical-align:middle}.dark-theme .archived-chat-badge,[data-theme=dark] .archived-chat-badge{background:rgba(217,119,6,.2);color:#fbbf24;border-color:rgba(217,119,6,.4)}.conv-mini-private-badge{background:rgba(139,92,246,.15);color:#8b5cf6}.conv-mini-archived-badge,.conv-mini-private-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px}.conv-mini-archived-badge{background:rgba(217,119,6,.15);color:#d97706}.archived-filter-banner{margin:0 12px 10px;padding:10px 12px;border-radius:10px;background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.2);display:flex;align-items:flex-start;gap:10px}.dark-theme .archived-filter-banner,[data-theme=dark] .archived-filter-banner{background:rgba(217,119,6,.12);border-color:rgba(217,119,6,.3)}.archived-banner-icon{width:30px;height:30px;border-radius:8px;background:rgba(217,119,6,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.archived-banner-text strong{display:block;font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.archived-banner-text p{font-size:11.5px;color:var(--text-secondary);line-height:1.4;margin:0}.archived-chat-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:rgba(217,119,6,.08);border-bottom:1px solid rgba(217,119,6,.2);font-size:13px;color:var(--text-primary);z-index:10}.dark-theme .archived-chat-banner,[data-theme=dark] .archived-chat-banner{background:rgba(217,119,6,.14);border-bottom-color:rgba(217,119,6,.3)}.banner-left-info{display:flex;align-items:center;gap:8px;font-weight:500}.btn-unarchive-banner{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;border:1px solid rgba(217,119,6,.3);background:var(--bg-surface);color:#d97706;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-unarchive-banner:hover{background:#d97706;color:#fff;border-color:#d97706}.private-chat-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:linear-gradient(90deg,rgba(139,92,246,.09),rgba(37,99,235,.05));border-bottom:1px solid rgba(139,92,246,.2);gap:12px;z-index:10}.dark-theme .private-chat-banner,[data-theme=dark] .private-chat-banner{background:linear-gradient(90deg,rgba(139,92,246,.16),rgba(37,99,235,.1));border-bottom-color:rgba(139,92,246,.3)}.private-banner-shield{width:34px;height:34px;border-radius:10px;background:rgba(139,92,246,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(139,92,246,.25)}.private-banner-details{flex:1 1;min-width:0}.private-banner-title{display:flex;align-items:center;gap:8px;margin-bottom:2px}.private-banner-title strong{font-size:13px;font-weight:700;color:var(--text-primary)}.self-destruct-active-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:4px;background:rgba(16,185,129,.15);color:#10b981;font-size:11px;font-weight:600;border:1px solid rgba(16,185,129,.25)}.private-banner-subtitle{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.35}.btn-timer-config{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid rgba(139,92,246,.3);background:var(--bg-surface);color:#8b5cf6;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-timer-config:hover{background:#8b5cf6;color:#fff}.conv-hover-quick-actions{position:absolute;right:0;top:50%;transform:translateY(-50%) scale(.95);display:flex;align-items:center;gap:3px;background:var(--bg-surface);padding:2px 4px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.12);border:1px solid var(--border-subtle);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s cubic-bezier(.4,0,.2,1),visibility .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);z-index:2;will-change:opacity,transform}.conversation-item:hover .conv-hover-quick-actions{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) scale(1)}.btn-conv-quick-action{width:24px;height:24px;border-radius:4px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,transform .1s ease}.btn-conv-quick-action:hover{background:var(--bg-hover);transform:scale(1.1)}.private-vault-locked-view{padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.vault-glow-icon{margin-bottom:14px;position:relative}.vault-icon-circle{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(37,99,235,.15));border:2px solid rgba(139,92,246,.35);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px rgba(139,92,246,.25)}.vault-mini-lock{position:absolute;bottom:10px;right:10px;background:#8b5cf6;border-radius:50%;padding:2px}.vault-title{font-size:16px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.vault-subtitle{font-size:12px;color:var(--text-secondary);line-height:1.45;margin-bottom:18px;max-width:240px}.vault-pin-dots-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.vault-pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-medium);background:transparent;transition:all .15s ease}.vault-pin-dot.filled{background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 0 10px rgba(139,92,246,.5);transform:scale(1.1)}.pin-shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.vault-error-text{font-size:11.5px;color:#ef4444;margin-bottom:12px;font-weight:600}.btn-vault-biometric{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:240px;padding:8px 14px;border-radius:10px;border:1px solid rgba(16,185,129,.3);background:rgba(16,185,129,.08);color:var(--text-primary);font-size:12.5px;font-weight:600;cursor:pointer;margin-bottom:18px;transition:all .15s ease}.btn-vault-biometric:hover{background:rgba(16,185,129,.16);border-color:#10b981}.vault-keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;width:100%;max-width:220px;margin-bottom:14px}.vault-keypad-btn{height:40px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .12s ease}.vault-keypad-btn:hover{background:var(--bg-hover);border-color:var(--border-medium)}.vault-keypad-btn.action{font-size:13px;color:var(--text-secondary)}.vault-hint-box{font-size:11px;color:var(--text-tertiary);background:var(--bg-hover);padding:4px 10px;border-radius:6px}.vault-hint-box strong{color:var(--text-primary)}.vault-unlocked-banner{display:flex;align-items:center;justify-content:space-between;margin:0 12px 10px;padding:8px 12px;border-radius:8px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25)}.vault-status-left{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--text-primary)}.vault-status-pulse{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.btn-lock-vault{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-secondary);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-lock-vault:hover{background:var(--bg-hover);color:var(--text-primary)}.timer-modal-card{max-width:420px!important}.timer-options-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.timer-option-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;transition:all .15s ease;text-align:left}.timer-option-btn:hover{background:var(--bg-hover);border-color:var(--border-medium)}.timer-option-btn.selected{background:rgba(37,99,235,.08);border-color:#2563eb}.dark-theme .timer-option-btn.selected,[data-theme=dark] .timer-option-btn.selected{background:rgba(37,99,235,.18)}.timer-option-left{display:flex;flex-direction:column}.timer-option-label{font-size:13.5px;font-weight:700;color:var(--text-primary)}.timer-option-desc{font-size:11.5px;color:var(--text-secondary);margin-top:2px}.storage-meter-container{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:12px}.storage-bar-metrics-row{display:flex;align-items:baseline;justify-content:space-between}.storage-used-stat{font-size:14px;color:var(--text-primary)}.storage-used-stat strong{font-weight:800;color:#0ea5e9}.storage-free-stat{font-size:12px;color:var(--text-muted);font-weight:500}.storage-segmented-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:rgba(0,0,0,.08);gap:2px}.dark-theme .storage-segmented-bar,[data-theme=dark] .storage-segmented-bar{background:hsla(0,0%,100%,.08)}.storage-segment{height:100%;transition:width .3s ease}.storage-segment.photos{background:#0ea5e9}.storage-segment.videos{background:#8b5cf6}.storage-segment.docs{background:#f59e0b}.storage-segment.audio{background:#10b981}.storage-legend-row{display:flex;flex-wrap:wrap;gap:16px;font-size:11.5px;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.legend-dot.photos{background:#0ea5e9}.legend-dot.videos{background:#8b5cf6}.legend-dot.docs{background:#f59e0b}.legend-dot.audio{background:#10b981}.storage-action-buttons-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.btn-clear-cache,.btn-export-storage{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-clear-cache{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:#ef4444}.btn-clear-cache:hover{background:#ef4444;color:#fff}.btn-export-storage{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-primary)}.btn-export-storage:hover{background:var(--bg-hover);border-color:#0ea5e9;color:#0ea5e9}.group-title-sub{font-size:12px;color:var(--text-secondary);margin:3px 0 0;font-weight:400;line-height:1.4}.auto-download-network-box{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s ease}.auto-download-network-box:hover{border-color:var(--border-medium)}.network-box-header{justify-content:space-between;flex-wrap:wrap}.network-box-header,.network-title-col{display:flex;align-items:center;gap:12px}.network-icon-badge{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.network-icon-badge.mobile{background:rgba(37,99,235,.12);color:#2563eb}.network-icon-badge.wifi{background:rgba(16,185,129,.12);color:#10b981}.network-icon-badge.roaming{background:rgba(245,158,11,.12);color:#f59e0b}.network-name{font-size:13.5px;font-weight:700;color:var(--text-primary);display:block}.network-summary{font-size:11.5px;color:var(--text-secondary);display:block;margin-top:2px}.network-preset-actions{flex-shrink:0}.btn-network-preset{background:var(--bg-window);border:1px solid var(--border-medium);border-radius:var(--radius-full);padding:4px 12px;font-size:11.5px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-network-preset:hover{color:#0ea5e9;border-color:#0ea5e9;background:var(--bg-hover)}.media-types-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}@media (max-width:680px){.media-types-grid{grid-template-columns:repeat(2,1fr)}}.media-type-card{background:var(--bg-window);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.media-type-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.media-type-card.enabled{border-color:#0ea5e9;background:rgba(14,165,233,.05)}.dark-theme .media-type-card.enabled,[data-theme=dark] .media-type-card.enabled{border-color:#38bdf8;background:rgba(14,165,233,.12)}.media-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.media-card-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);color:var(--text-secondary);transition:all .15s ease}.media-type-card.enabled .media-card-icon{background:rgba(14,165,233,.15);color:#0ea5e9}.dark-theme .media-type-card.enabled .media-card-icon,[data-theme=dark] .media-type-card.enabled .media-card-icon{background:rgba(56,189,248,.2);color:#38bdf8}.media-checkbox-indicator{width:20px;height:20px;border-radius:5px;border:1.5px solid var(--border-medium);display:flex;align-items:center;justify-content:center;transition:all .15s ease;background:var(--bg-input)}.media-checkbox-indicator.checked{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.media-card-label{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.media-card-desc{font-size:10.5px;color:var(--text-muted);line-height:1.3}.settings-option-item{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.settings-option-item:last-child{border-bottom:none}.option-item-meta{display:flex;flex-direction:column;gap:2px}.option-item-title{font-size:13.5px;font-weight:700;color:var(--text-primary)}.option-item-desc{font-size:11.5px;color:var(--text-secondary)}.size-limit-pills-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.size-limit-pill{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border-medium);background:var(--bg-window);font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.size-limit-pill:hover{border-color:#0ea5e9;color:var(--text-primary)}.size-limit-pill.active{background:#0ea5e9;border-color:#0ea5e9;color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(14,165,233,.35)}.btn-configure-storage-link{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-md);border:1px solid rgba(14,165,233,.3);background:rgba(14,165,233,.08);color:#0ea5e9;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-configure-storage-link:hover{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.pinned-message-header-bar{display:flex;align-items:center;gap:12px;padding:8px 18px;background:rgba(37,99,235,.06);border-bottom:1px solid rgba(37,99,235,.16);cursor:pointer;transition:all .2s ease;position:relative;z-index:9;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pinned-message-header-bar:hover{background:rgba(37,99,235,.1)}.dark-theme .pinned-message-header-bar,[data-theme=dark] .pinned-message-header-bar{background:rgba(37,99,235,.12);border-bottom-color:rgba(37,99,235,.25)}.dark-theme .pinned-message-header-bar:hover,[data-theme=dark] .pinned-message-header-bar:hover{background:rgba(37,99,235,.18)}.pinned-bar-left-accent{width:3.5px;height:32px;border-radius:4px;background:linear-gradient(180deg,#2563eb,#38bdf8);flex-shrink:0}.pinned-bar-icon-box{width:28px;height:28px;border-radius:8px;background:rgba(37,99,235,.12);color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.dark-theme .pinned-bar-icon-box,[data-theme=dark] .pinned-bar-icon-box{background:rgba(56,189,248,.16);color:#38bdf8}.pinned-bar-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.pinned-bar-label{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#2563eb}.dark-theme .pinned-bar-label,[data-theme=dark] .pinned-bar-label{color:#38bdf8}.pinned-bar-dot{opacity:.5;font-size:10px}.pinned-bar-sender{font-weight:600;color:var(--text-secondary)}.pinned-bar-snippet{font-size:12.5px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96%;margin:0}.pinned-bar-unpin-btn{width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.pinned-bar-unpin-btn:hover{background:rgba(239,68,68,.12);color:#ef4444}.msg-pinned-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#2563eb;background:rgba(37,99,235,.1);padding:1.5px 6px;border-radius:4px;margin-right:6px}.dark-theme .msg-pinned-badge,[data-theme=dark] .msg-pinned-badge{color:#38bdf8;background:rgba(56,189,248,.18)}.message-bubble-row.is-message-pinned .message-bubble{border-left:3px solid #2563eb!important}.dark-theme .message-bubble-row.is-message-pinned .message-bubble,[data-theme=dark] .message-bubble-row.is-message-pinned .message-bubble{border-left-color:#38bdf8!important}.icon-btn-ghost-sm.active-pin{background:rgba(37,99,235,.15)!important;color:#2563eb!important}.dark-theme .icon-btn-ghost-sm.active-pin,[data-theme=dark] .icon-btn-ghost-sm.active-pin{background:rgba(56,189,248,.2)!important;color:#38bdf8!important}@keyframes pinFlashPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(37,99,235,.6)}50%{transform:scale(1.02);box-shadow:0 0 0 8px rgba(37,99,235,.25)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(37,99,235,0)}}.message-highlight-flash .message-bubble{animation:pinFlashPulse 1.4s ease-in-out;border:1.5px solid #2563eb!important}.profile-quick-dob-row{display:flex;align-items:center;gap:6px;margin:3px 0 5px;flex-wrap:wrap}.profile-quick-dob-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#ec4899;background:rgba(236,72,153,.1);padding:1.5px 7px;border-radius:999px}.dark-theme .profile-quick-dob-tag,[data-theme=dark] .profile-quick-dob-tag{background:rgba(236,72,153,.18);color:#f472b6}.profile-quick-privacy-pill{display:inline-flex;align-items:center;font-size:10px;font-weight:700;color:var(--text-secondary);background:var(--bg-hover);padding:1.5px 6px;border-radius:4px;border:1px solid var(--border-subtle)}.privacy-pill-select-wrapper{display:flex;align-items:center;gap:6px}.btn-selected-contacts-count-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;border:1px solid rgba(37,99,235,.3);background:rgba(37,99,235,.08);color:#2563eb;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-selected-contacts-count-tag:hover{background:#2563eb;color:#fff;border-color:#2563eb}.dark-theme .btn-selected-contacts-count-tag,[data-theme=dark] .btn-selected-contacts-count-tag{background:rgba(56,189,248,.15);border-color:rgba(56,189,248,.3);color:#38bdf8}.dark-theme .btn-selected-contacts-count-tag:hover,[data-theme=dark] .btn-selected-contacts-count-tag:hover{background:#38bdf8;color:#0f172a}.dob-input-flex-row{display:flex;align-items:center;gap:12px;margin-top:4px}.dob-date-field-wrap{flex:1 1;min-width:0}.dob-formatted-preview-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.15);color:#2563eb;font-size:13px;font-weight:700;white-space:nowrap}.dark-theme .dob-formatted-preview-pill,[data-theme=dark] .dob-formatted-preview-pill{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.25);color:#38bdf8}.privacy-field-action-col{display:flex;align-items:center;gap:8px}.btn-select-contacts-inline{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:6px;border:1px solid rgba(37,99,235,.25);background:rgba(37,99,235,.08);color:#2563eb;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-select-contacts-inline:hover{background:#2563eb;color:#fff;border-color:#2563eb}.dark-theme .btn-select-contacts-inline,[data-theme=dark] .btn-select-contacts-inline{background:rgba(56,189,248,.14);border-color:rgba(56,189,248,.3);color:#38bdf8}.dark-theme .btn-select-contacts-inline:hover,[data-theme=dark] .btn-select-contacts-inline:hover{background:#38bdf8;color:#0f172a}.settings-contact-picker-modal{width:92%;max-width:520px;max-height:86vh;border-radius:18px;background:var(--bg-window);box-shadow:0 25px 60px -15px rgba(0,0,0,.25);border:1px solid var(--border-medium);display:flex;flex-direction:column;overflow:hidden;animation:modalPopIn .2s cubic-bezier(.16,1,.3,1);z-index:10000}.picker-modal-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:flex-start;justify-content:space-between;background:var(--bg-window)}.picker-modal-header-icon-col{display:flex;align-items:flex-start;gap:12px}.picker-modal-icon-badge{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.picker-modal-title{font-size:15.5px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.picker-modal-subtitle{font-size:12px;color:var(--text-secondary);line-height:1.4}.picker-modal-toolbar{padding:12px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-hover);display:flex;flex-direction:column;gap:10px}.picker-search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:var(--bg-window);border:1px solid var(--border-medium)}.picker-search-input{flex:1 1;border:none;outline:none;background:transparent;font-size:13px;color:var(--text-primary);font-family:inherit}.picker-bulk-actions{display:flex;align-items:center;justify-content:space-between}.picker-selected-count-badge{font-size:12px;font-weight:700;color:#2563eb}.dark-theme .picker-selected-count-badge,[data-theme=dark] .picker-selected-count-badge{color:#38bdf8}.btn-picker-action{padding:4px 10px;border-radius:6px;border:1px solid var(--border-medium);background:var(--bg-window);font-size:11.5px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-picker-action:hover{border-color:#2563eb;color:#2563eb}.picker-contacts-scroll-viewport{flex:1 1;max-height:330px;overflow-y:auto;padding:8px 12px}.picker-contact-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;cursor:pointer;transition:background .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.picker-contact-row:hover{background:var(--bg-hover)}.picker-contact-row.selected{background:rgba(37,99,235,.06)}.dark-theme .picker-contact-row.selected,[data-theme=dark] .picker-contact-row.selected{background:rgba(56,189,248,.1)}.picker-checkbox-col,.picker-custom-checkbox{display:flex;align-items:center}.picker-custom-checkbox{width:19px;height:19px;border-radius:6px;border:1.5px solid var(--border-medium);justify-content:center;transition:all .15s ease;background:var(--bg-window)}.picker-custom-checkbox.checked{background:#2563eb;border-color:#2563eb}.picker-contact-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0}.picker-contact-info{flex:1 1;min-width:0}.picker-contact-name-row{display:flex;align-items:center;gap:6px}.picker-contact-name{font-size:13.5px;font-weight:600;color:var(--text-primary)}.picker-role-pill{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;background:rgba(245,158,11,.12);color:#d97706}.picker-contact-role{font-size:11.5px;color:var(--text-secondary)}.picker-modal-footer{padding:14px 20px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:var(--bg-window);gap:12px}.picker-footer-hint{font-size:11.5px;color:var(--text-muted)}@keyframes skeleton-shimmer-wave{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,rgba(226,232,240,.6),rgba(241,245,249,.95) 50%,rgba(226,232,240,.6));background-size:200% 100%;animation:skeleton-shimmer-wave 1.6s ease-in-out infinite;border-radius:var(--radius-sm,6px);position:relative;overflow:hidden}.dark-theme .skeleton-shimmer,[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,rgba(30,41,59,.65),rgba(51,65,85,.85) 50%,rgba(30,41,59,.65));background-size:200% 100%}.skeleton-circle{border-radius:50%!important;flex-shrink:0}.skeleton-pill{border-radius:9999px!important}.skeleton-bar{border-radius:4px}.skeleton-conversation-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-subtle,rgba(0,0,0,.05));pointer-events:none}.skeleton-chat-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;width:100%}.skeleton-chat-row.self{justify-content:flex-end}.skeleton-chat-bubble{border-radius:16px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.skeleton-chat-bubble.incoming{background:var(--bg-card,#fff);border:1px solid var(--border-subtle,#e2e8f0);border-bottom-left-radius:4px}.skeleton-chat-bubble.self{background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.2);border-bottom-right-radius:4px}.skeleton-contact-card{background:var(--bg-card,#fff);border:1px solid var(--border-subtle,#e2e8f0);border-radius:12px;padding:18px 16px;display:flex;flex-direction:column;gap:12px}.skeleton-video-tile-card{background:#0b0f19;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:140px}.skeleton-video-tile-card .skeleton-shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.03));background-size:200% 100%}