.auth-page{background:var(--bg-app);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);z-index:0;height:240px;position:absolute;top:0;left:0;right:0}.auth-page:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#00a88414 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:200px;left:50%;transform:translate(-50%)}.auth-card{z-index:1;background:var(--bg-panel);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);border:1px solid var(--glass-border);padding:48px 40px;animation:.5s cubic-bezier(.4,0,.2,1) forwards scaleIn;position:relative}.auth-logo{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.auth-logo-icon{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--primary), var(--primary-hover));justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;animation:3s ease-in-out infinite float;display:flex;box-shadow:0 4px 20px #00a88459}.auth-logo-icon svg{color:#fff;width:32px;height:32px}.auth-logo h1{color:var(--text-primary);letter-spacing:-.5px;font-size:1.75rem;font-weight:700}.auth-logo p{color:var(--text-secondary);margin-top:4px;font-size:.875rem}.phone-input-group{gap:10px;margin-bottom:24px;display:flex}.country-code-select{background:var(--bg-input);border-radius:var(--radius-md);width:90px;color:var(--text-primary);font-size:.9375rem;font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238696A0' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #0000;padding:12px}.country-code-select:focus{border-color:var(--primary)}.country-code-select option{background:var(--bg-sidebar);color:var(--text-primary)}.phone-number-input{background:var(--bg-input);border-radius:var(--radius-md);color:var(--text-primary);letter-spacing:1px;transition:border-color var(--transition-fast);border:1px solid #0000;flex:1;padding:12px 16px;font-size:1rem}.phone-number-input:focus{border-color:var(--primary)}.otp-container{justify-content:center;gap:10px;margin:32px 0;display:flex}.otp-digit{text-align:center;background:var(--bg-input);border-radius:var(--radius-md);width:48px;height:56px;color:var(--text-primary);transition:all var(--transition-fast);caret-color:var(--primary);border:2px solid #0000;font-size:1.25rem;font-weight:600}.otp-digit:focus{border-color:var(--primary);background:#2a3942cc;box-shadow:0 0 0 3px #00a88426}.otp-digit.filled{border-color:var(--primary);background:#005c4b26}.auth-btn{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;border-radius:var(--radius-lg);cursor:pointer;width:100%;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;display:flex;position:relative;overflow:hidden}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #00a88466}.auth-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.otp-timer{text-align:center;color:var(--text-secondary);margin:16px 0;font-size:.875rem}.otp-timer span{color:var(--primary);font-weight:600}.resend-btn{color:var(--primary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:.875rem;font-weight:500}.resend-btn:hover{color:var(--primary-hover);text-decoration:underline}.resend-btn:disabled{color:var(--text-muted);cursor:not-allowed}.auth-back{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:24px;padding:4px 0;font-size:.875rem;display:flex}.auth-back:hover{color:var(--text-primary)}.profile-setup-avatar{cursor:pointer;width:120px;height:120px;margin:0 auto 32px;position:relative}.profile-setup-avatar img{object-fit:cover;border:3px solid var(--primary);border-radius:50%;width:100%;height:100%}.profile-setup-avatar .avatar-placeholder{background:linear-gradient(135deg, var(--bg-sidebar), var(--bg-input));border:3px solid var(--border);width:100%;height:100%;transition:border-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-setup-avatar:hover .avatar-placeholder{border-color:var(--primary)}.profile-setup-avatar .avatar-placeholder svg{width:40px;height:40px;color:var(--text-secondary)}.avatar-camera-overlay{background:var(--primary);width:36px;height:36px;box-shadow:var(--shadow-md);transition:transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:2px;right:2px}.avatar-camera-overlay:hover{transform:scale(1.1)}.avatar-camera-overlay svg{color:#fff;width:18px;height:18px}.profile-input-group{margin-bottom:20px}.profile-input-group label{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.8125rem;font-weight:500;display:block}.profile-input-group input,.profile-input-group textarea{background:var(--bg-input);border:1px solid #0000;border-bottom:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:12px 16px;font-size:.9375rem}.profile-input-group input:focus,.profile-input-group textarea:focus{border-bottom-color:var(--primary);background:#2a394299}.profile-input-group textarea{resize:none;min-height:60px}.phone-display{text-align:center;color:var(--text-primary);margin-bottom:8px;font-size:.9375rem;font-weight:500}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:24px;font-size:.875rem;line-height:1.5}.auth-error{border-radius:var(--radius-md);color:var(--danger);background:#ea43351a;border:1px solid #ea43354d;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.8125rem;animation:.3s slideInUp;display:flex}.dev-otp-display{border-radius:var(--radius-md);color:var(--primary-hover);text-align:center;background:#00a8841a;border:1px solid #00a8844d;margin-bottom:16px;padding:12px 16px;font-size:.875rem;animation:.3s slideInUp}.dev-otp-display strong{letter-spacing:4px;color:#fff;font-size:1.25rem}.auth-warning{border-radius:var(--radius-md);color:#f97316;background:#f973161a;border:1px solid #f973164d;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:.75rem;animation:.2s slideInUp;display:flex}.auth-validation-error{border-radius:var(--radius-md);color:var(--danger);background:#ea43351a;border:1px solid #ea43354d;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:.75rem;animation:.2s slideInUp;display:flex}.phone-preview{border-radius:var(--radius-md);color:#ffffffb3;text-align:center;background:#00a88414;border:1px solid #00a88433;margin-top:10px;padding:10px 14px;font-size:.8125rem}.phone-preview strong{color:#fff;letter-spacing:.5px;font-weight:600}.icon-sidebar{background:var(--bg-icon-sidebar);border-right:1px solid var(--divider);z-index:10;flex-direction:column;justify-content:space-between;align-items:center;width:48px;min-width:48px;height:100%;padding:10px 0;display:flex}.icon-sidebar-top,.icon-sidebar-bottom{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.icon-sidebar-btn{cursor:pointer;width:100%;height:48px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.icon-sidebar-btn:hover{color:var(--text-primary);background:#0000000d}.icon-sidebar-btn svg{width:22px;height:22px;transition:color var(--transition-fast)}.icon-sidebar-btn.active{color:var(--primary)}.icon-sidebar-btn.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.icon-sidebar-btn:after{content:attr(data-tooltip);background:var(--bg-dark);color:#e9edef;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:var(--z-tooltip);box-shadow:var(--shadow-md);padding:4px 12px;font-size:.75rem;transition:opacity .2s,visibility .2s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.icon-sidebar-btn:hover:after{opacity:1;visibility:visible}.icon-sidebar-avatar{cursor:pointer;width:32px;height:32px;transition:opacity var(--transition-fast);border-radius:50%;margin-top:4px;overflow:hidden}.icon-sidebar-avatar:hover{opacity:.8}.icon-sidebar-avatar img{object-fit:cover;width:100%;height:100%}.icon-sidebar-avatar-placeholder{background:var(--primary);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:.75rem;font-weight:600;display:flex}@media (width<=768px){.icon-sidebar{display:none}}.sidebar{background:var(--bg-panel);border-right:1px solid var(--divider);flex-direction:column;width:340px;min-width:300px;height:100%;display:flex;position:relative;overflow:hidden}.sidebar-header{background:var(--bg-header);justify-content:space-between;align-items:center;min-height:60px;padding:10px 16px;display:flex}.sidebar-header-left{align-items:center;gap:12px;display:flex}.sidebar-header-left h2{color:var(--primary);letter-spacing:-.3px;font-size:1.125rem;font-weight:600}.sidebar-header-actions{align-items:center;gap:2px;display:flex}.sidebar-header-actions .btn-icon{color:var(--text-header)}.sidebar-header-actions .btn-icon:hover{color:var(--text-primary);background:#0000000d}.sidebar-search{background:var(--bg-panel);padding:6px 12px}.sidebar-filters{background:var(--bg-panel);align-items:center;gap:6px;padding:4px 12px 8px;display:flex;overflow-x:auto}.sidebar-filters::-webkit-scrollbar{display:none}.filter-tab{border-radius:var(--radius-full);color:var(--text-header);background:var(--bg-input);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none;padding:5px 14px;font-size:.8125rem;font-weight:500}.filter-tab:hover{background:var(--bg-active)}.filter-tab.active{background:var(--primary);color:#fff}.archived-row{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--divider);align-items:center;gap:20px;padding:10px 24px;display:flex}.archived-row:hover{background:var(--bg-hover)}.archived-row svg{color:var(--primary);width:18px;height:18px}.archived-row span{color:var(--primary);font-size:.875rem;font-weight:500}.chat-list{flex:1;overflow:hidden auto}.chat-list-item{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--divider);background:var(--bg-panel);align-items:center;gap:14px;padding:10px 16px;display:flex;position:relative}.chat-list-item:hover{background:var(--bg-hover)}.chat-list-item.active{background:var(--bg-active)}.chat-list-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-list-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-list-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.chat-list-item-time{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:.75rem}.chat-list-item-time.unread{color:var(--primary);font-weight:500}.chat-list-item-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-list-item-message{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem;overflow:hidden}.unread-badge{border-radius:var(--radius-full);background:var(--primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.6875rem;font-weight:600;animation:.3s scaleIn;display:flex}.sidebar-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.sidebar-empty svg{color:var(--text-secondary);opacity:.5;margin-bottom:16px}.sidebar-empty h3{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:500}.sidebar-empty p{color:var(--text-secondary);max-width:260px;font-size:.8125rem}@media (width<=768px){.sidebar{width:100%;min-width:auto}}.status-panel{background:var(--bg-panel);border-right:1px solid var(--divider);flex-direction:column;width:340px;min-width:300px;height:100%;display:flex;position:relative;overflow:hidden}.status-panel-header{background:var(--bg-header);justify-content:space-between;align-items:center;min-height:60px;padding:10px 16px;display:flex}.status-panel-header h2{color:var(--text-primary);letter-spacing:-.3px;font-size:1.125rem;font-weight:600}.status-panel-header .btn-icon{color:var(--text-header)}.status-panel-header .btn-icon:hover{color:var(--text-primary);background:#0000000d}.status-sections{flex:1;overflow:hidden auto}.status-section{padding:8px 0}.status-section-title{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;padding:4px 16px 8px;font-size:.8125rem;font-weight:500}.status-section-title.muted{color:var(--text-muted)}.my-status-row{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--divider);background:var(--bg-panel);align-items:center;gap:14px;padding:10px 16px;display:flex}.my-status-row:hover{background:var(--bg-hover)}.my-status-avatar{width:48px;min-width:48px;height:48px;position:relative}.my-status-avatar .status-add-btn{background:var(--primary);color:#fff;border:2px solid var(--bg-panel);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-2px;right:-2px}.my-status-avatar .status-add-btn svg{width:12px;height:12px}.my-status-info{flex:1;min-width:0}.my-status-info .name{color:var(--text-primary);font-size:.9375rem;font-weight:500}.my-status-info .hint{color:var(--text-secondary);font-size:.8125rem}.status-list-item{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--divider);background:var(--bg-panel);align-items:center;gap:14px;padding:10px 16px;display:flex;position:relative}.status-list-item:hover{background:var(--bg-hover)}.status-list-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.status-list-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.status-list-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.status-list-item-time{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:.75rem}.status-list-item-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.status-list-item-count{color:var(--text-secondary);font-size:.8125rem}.status-list-item .mute-btn{opacity:0;transition:opacity var(--transition-fast);color:var(--text-muted)}.status-list-item:hover .mute-btn{opacity:1}.mute-btn:hover{color:var(--text-primary)!important}.status-ring{border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex;position:relative}.status-ring-unseen{background:var(--primary);border-radius:50%;padding:3px}.status-ring-seen{background:#b0b3b8;border-radius:50%;padding:3px}.status-ring-muted{background:0 0;border:2px dashed #b0b3b8;border-radius:50%;padding:3px}.status-ring-none{padding:0}.status-ring-inner{background:var(--bg-panel);border-radius:50%;width:100%;height:100%;padding:2px;overflow:hidden}.status-ring-muted .status-ring-inner,.status-ring-none .status-ring-inner{padding:0}.status-ring-inner img{object-fit:cover;border-radius:50%;width:100%;height:100%}.status-ring-inner .status-ring-placeholder{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:600;display:flex}.status-muted-toggle{cursor:pointer;transition:background var(--transition-fast);color:var(--text-muted);align-items:center;gap:12px;padding:10px 16px;font-size:.875rem;font-weight:500;display:flex}.status-muted-toggle:hover{background:var(--bg-hover)}.status-muted-toggle svg{transition:transform var(--transition-fast)}.status-muted-toggle.expanded svg{transform:rotate(180deg)}.status-viewer-overlay{z-index:9998;background:#000;flex-direction:column;animation:.3s statusFadeIn;display:flex;position:fixed;inset:0}.status-viewer-progress{z-index:10;gap:4px;padding:8px 12px 4px;display:flex}.status-progress-bar{background:#ffffff4d;border-radius:2px;flex:1;height:3px;overflow:hidden}.status-progress-fill{background:#fff;border-radius:2px;width:0%;height:100%;transition:none}.status-progress-fill.active{animation:statusProgressFill var(--status-duration,5s) linear forwards}.status-progress-fill.active.paused{animation-play-state:paused}.status-progress-fill.completed{width:100%}.status-viewer-header{z-index:10;align-items:center;gap:12px;padding:8px 12px;display:flex}.status-viewer-user{flex:1;align-items:center;gap:10px;display:flex}.status-viewer-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.status-viewer-avatar-placeholder{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.status-viewer-info{flex-direction:column;display:flex}.status-viewer-name{color:#fff;font-size:.875rem;font-weight:500}.status-viewer-time{color:#ffffffb3;font-size:.75rem}.status-viewer-close{color:#fff;width:40px;height:40px;transition:background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.status-viewer-close:hover{background:#ffffff1a}.status-viewer-content{-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.status-viewer-text{justify-content:center;align-items:center;width:100%;height:100%;padding:40px 32px;display:flex}.status-viewer-text p{color:#fff;text-align:center;word-break:break-word;text-shadow:0 1px 4px #0000004d;max-width:500px;font-size:1.5rem;line-height:1.5}.status-viewer-image,.status-viewer-video{object-fit:contain;width:100%;height:100%}.status-viewer-nav{z-index:5;display:flex;position:absolute;inset:0}.status-viewer-nav-left,.status-viewer-nav-right{cursor:pointer;flex:1}.status-viewer-footer{z-index:10;justify-content:center;align-items:center;padding:12px 16px;display:flex}.status-viewer-count{color:#fffc;cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;display:flex}.status-viewer-count:hover{background:#ffffff1a}.viewers-sheet-overlay{z-index:9999;background:#0009;justify-content:center;align-items:flex-end;animation:.2s statusFadeIn;display:flex;position:fixed;inset:0}.viewers-sheet{background:var(--bg-panel);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;width:100%;max-width:420px;max-height:60vh;animation:.3s statusSlideUp;display:flex}.viewers-sheet-header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.viewers-sheet-header h3{color:var(--text-primary);font-size:1rem;font-weight:600}.viewers-sheet-header .btn-icon{color:var(--text-secondary)}.viewers-sheet-list{flex:1;padding:8px 0;overflow-y:auto}.viewer-item{align-items:center;gap:12px;padding:10px 20px;display:flex}.viewer-item-info{flex:1;min-width:0}.viewer-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.viewer-item-time{color:var(--text-secondary);font-size:.75rem}.status-creator-overlay{z-index:9998;background:#000;flex-direction:column;animation:.3s statusFadeIn;display:flex;position:fixed;inset:0}.status-creator-header{z-index:10;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.status-creator-header-left{align-items:center;gap:8px;display:flex}.status-creator-header .btn-icon{color:#fff}.status-creator-header .btn-icon:hover{background:#ffffff1a}.status-creator-mode-btns{gap:4px;display:flex}.status-creator-mode-btn{color:#ffffffb3;width:40px;height:40px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.status-creator-mode-btn:hover{background:#ffffff1a}.status-creator-mode-btn.active{color:#fff;background:#fff3}.status-creator-text-area{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative}.status-creator-textarea{color:#fff;text-align:center;resize:none;background:0 0;border:none;outline:none;width:100%;max-width:500px;min-height:60px;max-height:300px;font-size:1.5rem;line-height:1.5}.status-creator-textarea::placeholder{color:#ffffff80}.status-creator-media-area{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.status-creator-upload-zone{border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--transition-fast);color:#ffffffb3;border:2px dashed #ffffff4d;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.status-creator-upload-zone:hover{border-color:#fff9}.status-creator-upload-zone p{color:#ffffffb3;font-size:.9375rem}.status-creator-preview{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.status-creator-preview img,.status-creator-preview video{object-fit:contain;max-width:100%;max-height:100%}.status-creator-caption{background:#00000080;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.status-creator-caption input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:.9375rem}.status-creator-caption input::placeholder{color:#ffffff80}.status-creator-bottom{z-index:10;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.status-color-picker{align-items:center;gap:10px;display:flex}.status-color-swatch{cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);border:2px solid #0000;border-radius:50%;position:relative}.status-color-swatch:hover{transform:scale(1.15)}.status-color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #fff6}.status-font-btn{color:#fff;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.status-font-btn:hover{background:#ffffff40}.status-send-fab{background:var(--primary);color:#fff;width:56px;height:56px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #00a88466}.status-send-fab:hover{background:var(--primary-hover);transform:scale(1.05);box-shadow:0 6px 20px #00a88480}.status-send-fab:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-video-error{background:var(--danger);color:#fff;border-radius:var(--radius-lg);white-space:nowrap;box-shadow:var(--shadow-md);padding:10px 20px;font-size:.875rem;font-weight:500;animation:.3s statusFadeIn;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.status-loading{justify-content:center;align-items:center;padding:40px;display:flex}.status-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes statusFadeIn{0%{opacity:0}to{opacity:1}}@keyframes statusFadeOut{0%{opacity:1}to{opacity:0}}@keyframes statusSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes statusProgressFill{0%{width:0%}to{width:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.status-panel{width:100%;min-width:auto}.status-viewer-text p,.status-creator-textarea{padding:24px 16px;font-size:1.25rem}.viewers-sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%}.status-color-picker{gap:8px}.status-color-swatch{width:24px;height:24px}.status-reply-bar input{font-size:.875rem}.status-reaction-row{gap:8px}.status-reaction-btn{width:36px;height:36px;font-size:1.125rem}.status-privacy-btn{padding:4px 10px;font-size:.75rem}.status-contact-picker{max-height:80vh}}.status-viewer-footer-other{z-index:10;flex-direction:column;gap:8px;padding:8px 16px 12px;display:flex}.status-reaction-row{justify-content:center;align-items:center;gap:12px;display:flex}.status-reaction-btn{cursor:pointer;width:42px;height:42px;transition:all var(--transition-fast);background:#ffffff1a;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:1.375rem;display:flex}.status-reaction-btn:hover{background:#fff3;transform:scale(1.15)}.status-reaction-btn.active{background:#ffffff40;border-color:#fff}.status-floating-emoji{pointer-events:none;z-index:20;font-size:3rem;animation:1s ease-out forwards statusEmojiFloat;position:absolute;bottom:40%;left:50%;transform:translate(-50%)}@keyframes statusEmojiFloat{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-120px)scale(1.5)}}.status-own-reactions{align-items:center;gap:8px;margin-left:12px;display:flex}.status-own-reaction-badge{border-radius:var(--radius-full);color:#fff;background:#ffffff1a;align-items:center;gap:3px;padding:4px 8px;font-size:.9375rem;display:flex}.status-own-reaction-badge small{color:#ffffffb3;font-size:.75rem}.status-reply-bar{border-radius:var(--radius-full);background:#ffffff1a;align-items:center;gap:8px;padding:4px 6px 4px 16px;display:flex}.status-reply-bar input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:.9375rem}.status-reply-bar input::placeholder{color:#ffffff80}.status-reply-send{color:#fff;background:var(--primary);width:36px;height:36px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.status-reply-send:hover{background:var(--primary-hover)}.status-reply-send:disabled{opacity:.4;cursor:not-allowed}.status-reply-toast{-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:var(--radius-full);z-index:10;background:#ffffff26;padding:10px 24px;font-size:.875rem;font-weight:500;animation:.3s statusFadeIn;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.privacy-option{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:14px;padding:14px 20px;display:flex}.privacy-option:hover{background:var(--bg-hover)}.privacy-option.active{background:#00a8840f}.privacy-option-radio{border:2px solid var(--text-muted);width:20px;height:20px;transition:border-color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.privacy-option.active .privacy-option-radio{border-color:var(--primary)}.privacy-option-radio-inner{background:var(--primary);border-radius:50%;width:10px;height:10px;animation:.2s scaleIn}.privacy-option-info{flex-direction:column;gap:2px;display:flex}.privacy-option-label{color:var(--text-primary);font-size:.9375rem;font-weight:500}.privacy-option-desc{color:var(--text-secondary);font-size:.8125rem}.status-privacy-btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#ffffff26;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:500;display:flex}.status-privacy-btn:hover{background:#ffffff40}.status-creator-bottom-right{align-items:center;gap:12px;display:flex}.status-contact-picker{max-height:70vh}.status-contact-picker .viewers-sheet-header{gap:12px}.status-contact-picker .viewers-sheet-header h3{flex:1}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.context-menu{z-index:1000;background:#fff;border-radius:12px;min-width:200px;padding:8px 0;animation:.15s contextMenuFadeIn;position:fixed;box-shadow:0 2px 16px #00000024}.context-menu-item{color:#111b21;cursor:pointer;align-items:center;gap:14px;padding:10px 24px;font-size:.875rem;transition:background .15s;display:flex}.context-menu-item:hover{background:#f0f2f5}.context-menu-item.danger{color:#ea4335}.context-menu-item svg{color:#8696a0;width:18px;height:18px}.context-menu-item.danger svg{color:#ea4335}.context-menu-divider{background:var(--divider);height:1px;margin:4px 0}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border-radius:16px;flex-direction:column;width:420px;max-height:70vh;animation:.2s scaleIn;display:flex;box-shadow:0 8px 32px #0003}.modal-header{border-bottom:1px solid #e9edef;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:#111b21;font-size:1rem;font-weight:600}.modal-close{color:#54656f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.modal-close:hover{background:#f0f2f5}.modal-search{border-bottom:1px solid #e9edef;align-items:center;gap:10px;padding:10px 20px;display:flex}.modal-search svg{color:#8696a0;flex-shrink:0}.modal-search input{color:#111b21;background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:.875rem}.modal-search input::placeholder{color:#8696a0}.modal-chat-list{flex:1;padding:8px 0;overflow-y:auto}.modal-chat-item{cursor:pointer;align-items:center;gap:12px;padding:10px 20px;transition:background .15s;display:flex}.modal-chat-item:hover{background:#f5f6f6}.modal-chat-item.selected{background:#e7fce8}.modal-chat-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.modal-chat-avatar img{object-fit:cover;width:100%;height:100%}.modal-chat-avatar .avatar-fallback{color:#fff;background:#00a884;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:600;display:flex}.modal-chat-name{color:#111b21;flex:1;font-size:.9rem;font-weight:500}.modal-check{color:#fff;background:#00a884;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.modal-footer{border-top:1px solid #e9edef;padding:12px 20px}.modal-forward-btn{color:#fff;background:#00a884;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.modal-forward-btn:hover{background:#06cf9c}.camera-modal{background:#111b21;border-radius:16px;flex-direction:column;width:520px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006}.camera-modal-header{background:#202c33;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.camera-modal-header h3{color:#e9edef;font-size:1rem;font-weight:500}.camera-modal-header .modal-close{color:#aebac1}.camera-modal-header .modal-close:hover{background:#ffffff1a}.camera-preview{background:#000;justify-content:center;align-items:center;min-height:360px;display:flex;position:relative}.camera-video{object-fit:cover;width:100%;max-height:400px}.camera-captured{object-fit:contain;width:100%;max-height:400px}.camera-error{color:#ea4335;text-align:center;padding:40px;font-size:.875rem}.camera-actions{background:#202c33;justify-content:center;align-items:center;gap:24px;padding:20px;display:flex}.camera-btn{border-radius:24px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.camera-btn-capture{background:0 0;padding:0}.capture-ring{cursor:pointer;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s;display:flex}.capture-ring:hover{border-color:#00a884}.capture-dot{background:#fff;border-radius:50%;width:52px;height:52px;transition:all .2s}.capture-ring:hover .capture-dot{background:#00a884}.camera-btn-retake{color:#e9edef;background:#ffffff1a}.camera-btn-retake:hover{background:#fff3}.camera-btn-send{color:#fff;background:#00a884}.camera-btn-send:hover{background:#06cf9c}.poll-modal{background:#fff;border-radius:16px;flex-direction:column;width:420px;max-height:85vh;display:flex;box-shadow:0 8px 32px #0003}.poll-modal-header{border-bottom:1px solid #e9edef;align-items:center;gap:12px;padding:16px 20px;display:flex}.poll-modal-header h3{color:#111b21;font-size:1rem;font-weight:600}.poll-modal-body{flex:1;padding:20px;overflow-y:auto}.poll-section{margin-bottom:24px}.poll-label{color:#111b21;margin-bottom:12px;font-size:.9375rem;font-weight:600;display:block}.poll-input{color:#111b21;background:0 0;border:none;border-bottom:2px solid #e9edef;outline:none;width:100%;padding:10px 0;font-family:Inter,sans-serif;font-size:.9375rem;transition:border-color .2s}.poll-input:focus{border-bottom-color:#00a884}.poll-input::placeholder{color:#8696a0}.poll-option-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.poll-option-row .poll-input{flex:1}.poll-option-remove{color:#8696a0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.poll-option-remove:hover{color:#ea4335;background:#f0f2f5}.poll-add-option{color:#00a884;align-items:center;gap:8px;margin-top:4px;padding:8px 0;font-size:.875rem;font-weight:500;transition:color .15s;display:flex}.poll-add-option:hover{color:#06cf9c}.poll-toggle-row{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.poll-toggle-row span{color:#111b21;font-size:.9375rem}.poll-toggle{cursor:pointer;width:44px;height:24px;position:relative}.poll-toggle input{opacity:0;width:0;height:0}.poll-toggle-slider{background:#ccd0d5;border-radius:24px;transition:all .2s;position:absolute;inset:0}.poll-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.poll-toggle input:checked+.poll-toggle-slider{background:#00a884}.poll-toggle input:checked+.poll-toggle-slider:before{transform:translate(20px)}.poll-modal-footer{justify-content:flex-end;padding:16px 20px;display:flex}.poll-send-btn{color:#fff;background:#00a884;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00a8844d}.poll-send-btn:hover:not(:disabled){background:#06cf9c;transform:scale(1.05)}.poll-send-btn:disabled{box-shadow:none;cursor:default;background:#ccd0d5}.app-container{background:#dad3cc;width:100%;height:100dvh;display:flex;overflow:hidden}.chat-layout{flex:1;height:100%;display:flex;overflow:hidden;box-shadow:0 1px 1px #0000000f,0 2px 5px #0000000f}.chat-window{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.chat-header{background:var(--bg-header);border-bottom:1px solid var(--divider);z-index:10;justify-content:space-between;align-items:center;min-height:60px;padding:10px 16px;display:flex}.chat-header-info{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.chat-header-back{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-header);transition:all var(--transition-fast);justify-content:center;align-items:center;margin-right:4px;display:none}.chat-header-back:hover{color:var(--text-primary);background:#0000000d}.chat-header-details{flex:1;min-width:0}.chat-header-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.chat-header-status{color:var(--text-secondary);font-size:.75rem}.chat-header-status.online{color:var(--primary)}.chat-header-actions{align-items:center;gap:4px;display:flex}.chat-header-actions .btn-icon{color:var(--text-header)}.chat-header-actions .btn-icon:hover{color:var(--text-primary);background:#0000000d}.messages-area{background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg width='300' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='p' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M20 2v4m0 28v4M2 20h4m28 0h4M8 8l3 3m18 18l3 3M32 8l-3 3M11 29l-3 3' stroke='%23C8BEB4' stroke-width='.5' fill='none' opacity='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='300' height='300' fill='url(%23p)'/%3E%3C/svg%3E");flex-direction:column;flex:1;gap:2px;padding:16px 48px;display:flex;position:relative;overflow:hidden auto}.date-divider{justify-content:center;align-items:center;padding:12px 0;display:flex}.date-divider span{border-radius:var(--radius-md);color:var(--text-header);box-shadow:var(--shadow-sm);background:#fffffff2;padding:5px 14px;font-size:.75rem;font-weight:500}.message-wrapper{margin-bottom:2px;animation:.25s fadeIn;display:flex}.message-wrapper.sent{justify-content:flex-end}.message-wrapper.received{justify-content:flex-start}.message-bubble{border-radius:var(--radius-md);word-wrap:break-word;overflow-wrap:break-word;min-width:80px;max-width:65%;padding:6px 8px 8px;position:relative;box-shadow:0 1px .5px #0000001a}.message-bubble.sent{background:#d9fdd3;border-top-right-radius:2px}.message-bubble.received{background:#fff;border-top-left-radius:2px}.message-wrapper.sent .message-bubble:after{content:"";border-top:0 solid #0000;border-bottom:8px solid #0000;border-left:8px solid #d9fdd3;width:0;height:0;position:absolute;top:0;right:-8px}.message-wrapper.received .message-bubble:before{content:"";border-top:0 solid #0000;border-bottom:8px solid #0000;border-right:8px solid #fff;width:0;height:0;position:absolute;top:0;left:-8px}.message-reply-preview{border-radius:var(--radius-sm);border-left:3px solid var(--primary);cursor:pointer;background:#0000000f;margin-bottom:4px;padding:6px 10px}.message-reply-preview .reply-name{color:var(--primary);margin-bottom:2px;font-size:.75rem;font-weight:600}.message-reply-preview .reply-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.message-text{color:#111b21;white-space:pre-wrap;padding-right:54px;font-size:.875rem;line-height:1.45}.message-meta{float:right;align-items:center;gap:4px;margin-top:-10px;margin-left:8px;display:flex;position:relative;top:6px}.message-time{color:#00000061;font-size:.6875rem}.message-ticks{color:#00000059;align-items:center;display:flex}.message-ticks.read{color:#53bdeb}.message-ticks svg{width:16px;height:16px}.message-input-wrapper{z-index:50;background:var(--bg-header);border-top:1px solid var(--divider);position:relative}.message-input-area{align-items:flex-end;gap:8px;padding:8px 16px;display:flex}.message-input-container{background:#fff;border-radius:24px;flex:1;align-items:flex-end;gap:8px;min-height:44px;padding:6px 12px;display:flex;box-shadow:0 1px 1px #0000000f}.message-input-container button{width:36px;height:36px;color:var(--text-header);transition:color var(--transition-fast);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.message-input-container button:hover{color:var(--text-primary)}.message-input-container button.active{color:var(--primary)}.message-textarea{color:var(--text-primary);resize:none;max-height:120px;font-size:.9375rem;line-height:1.4;font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1;padding:8px 0}.message-textarea::placeholder{color:var(--text-muted)}.send-btn{background:var(--primary);width:44px;height:44px;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-btn:hover{background:var(--primary-hover);transform:scale(1.05);box-shadow:0 4px 16px #00a8844d}.send-btn:active{transform:scale(.95)}.send-btn svg{color:#fff}.emoji-picker-container{z-index:200;margin-bottom:8px;position:absolute;bottom:100%;left:16px}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.attach-menu{z-index:200;background:#fff;border-radius:16px;width:220px;margin-bottom:8px;padding:10px 0;position:absolute;bottom:100%;left:16px;box-shadow:0 4px 24px #00000026}.attach-menu-item{cursor:pointer;align-items:center;gap:14px;padding:10px 22px;transition:background .15s;display:flex}.attach-menu-item:hover{background:#f5f6f6}.attach-menu-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.attach-menu-label{color:#111b21;font-size:.875rem;font-weight:400}.input-reply-preview{padding:8px 16px 0}.input-reply-bar{border-left:4px solid var(--primary);background:#fff;border-radius:12px 12px 0 0;align-items:center;padding:8px 12px;display:flex}.input-reply-content{flex:1;min-width:0}.input-reply-name{color:var(--primary);font-size:.75rem;font-weight:600;display:block}.input-reply-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.input-reply-close{width:28px;height:28px;color:var(--text-header);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-reply-close:hover{background:#0000000d}.message-image{cursor:pointer;border-radius:8px;margin-bottom:4px;overflow:hidden}.message-image img{object-fit:cover;width:100%;max-width:330px;max-height:400px;display:block}.message-video{border-radius:8px;margin-bottom:4px;overflow:hidden}.message-video video{width:100%;max-width:330px;max-height:400px;display:block}.message-audio{min-width:240px;margin-bottom:4px}.message-audio audio{width:100%;height:36px}.message-document{color:inherit;background:#0000000a;border-radius:8px;align-items:center;gap:12px;min-width:200px;margin-bottom:4px;padding:10px;text-decoration:none;display:flex}.message-document svg{color:var(--primary);flex-shrink:0}.doc-info{flex-direction:column;min-width:0;display:flex}.doc-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.doc-size{color:var(--text-secondary);font-size:.6875rem}.message-bubble.deleted{opacity:.7}.message-deleted-text{color:var(--text-secondary);padding-right:54px;font-size:.8125rem;font-style:italic}.message-forwarded{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:2px;font-size:.6875rem;font-style:italic;display:flex}.message-forwarded svg{width:12px;height:12px}.chat-empty{text-align:center;background:#f0f2f5;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.chat-empty-icon{justify-content:center;align-items:center;width:340px;height:auto;margin-bottom:32px;display:flex}.chat-empty-icon svg{color:#00a8842e;width:340px;height:auto}.chat-empty h2{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:16px;font-size:2rem;font-weight:300}.chat-empty p{color:var(--text-secondary);max-width:480px;font-size:.875rem;line-height:1.7}.chat-empty-actions{border-top:1px solid var(--divider);align-items:center;gap:16px;margin-top:44px;padding-top:44px;display:flex}.welcome-action-card{border-radius:var(--radius-lg);cursor:pointer;width:180px;transition:all var(--transition-normal);background:#fff;border:1px solid #0000;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex}.welcome-action-card:hover{box-shadow:var(--shadow-md);border-color:var(--divider);transform:translateY(-2px)}.welcome-action-icon{background:#00a88414;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.welcome-action-icon svg{width:22px;height:22px;color:var(--primary)}.welcome-action-label{color:var(--text-primary);text-align:center;font-size:.8125rem;font-weight:500}.welcome-action-desc{color:var(--text-secondary);text-align:center;font-size:.75rem;line-height:1.4}.chat-empty-encryption{color:var(--text-muted);align-items:center;gap:6px;margin-top:32px;font-size:.75rem;display:flex}.chat-empty-encryption svg{width:14px;height:14px}@media (width<=768px){.messages-area{padding:12px 16px}.message-bubble{max-width:85%}.chat-header-back{display:flex}.chat-empty-actions{flex-direction:column}.welcome-action-card{width:100%;max-width:280px}}.chat-search{background:var(--bg-header);border-bottom:1px solid var(--divider);align-items:center;gap:8px;padding:8px 16px;animation:.2s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.chat-search-input{background:#fff;border-radius:8px;flex:1;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:0 1px 1px #0000000f}.chat-search-input svg{color:#8696a0;flex-shrink:0}.chat-search-input input{color:#111b21;background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:.875rem}.chat-search-input input::placeholder{color:#8696a0}.chat-search-count{color:#8696a0;white-space:nowrap;font-size:.75rem}.chat-search-actions{align-items:center;gap:2px;display:flex}.chat-search-actions button{color:#54656f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.chat-search-actions button:hover:not(:disabled){background:#0000000d}.chat-search-actions button:disabled{opacity:.3;cursor:default}.voice-recorder{background:var(--bg-header);border-top:1px solid var(--divider);align-items:center;gap:12px;padding:8px 16px;animation:.2s slideUp;display:flex}.voice-recorder-cancel{color:#ea4335;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.voice-recorder-cancel:hover{background:#ea43351a}.voice-recorder-content{background:#fff;border-radius:24px;flex:1;align-items:center;gap:16px;min-height:44px;padding:8px 16px;display:flex;box-shadow:0 1px 1px #0000000f}.voice-recorder-indicator{flex-shrink:0;align-items:center;gap:8px;display:flex}.recording-dot{background:#ea4335;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite recordPulse}@keyframes recordPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.recording-time{color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:36px;font-size:.875rem;font-weight:500}.voice-waveform{flex:1;align-items:center;gap:2px;height:32px;display:flex;overflow:hidden}.waveform-bar{background:var(--primary);border-radius:2px;width:3px;min-height:4px;transition:height .1s}.voice-recorder-send{background:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.voice-recorder-send:hover{background:var(--primary-hover);transform:scale(1.05)}.voice-recorder-send svg{color:#fff}.message-highlight .message-bubble{animation:2s highlightPulse}@keyframes highlightPulse{0%{box-shadow:0 0 #00a88466}25%{box-shadow:0 0 0 6px #00a88433}50%{box-shadow:0 0 0 3px #00a8841a}to{box-shadow:0 0 #00a88400}}.message-starred{color:#f4b400;position:absolute;top:4px;right:8px}.message-starred svg{fill:#f4b400;width:12px;height:12px}.message-poll{min-width:260px;max-width:320px;padding:4px 0}.poll-question{color:#111b21;margin-bottom:4px;font-size:.9375rem;font-weight:600;line-height:1.4}.poll-subtitle{color:#667781;margin-bottom:12px;font-size:.75rem}.poll-options-list{flex-direction:column;gap:0;display:flex}.poll-vote-item{cursor:pointer;border-bottom:1px solid #e9edef;border-radius:8px;align-items:center;gap:12px;padding:10px 8px;transition:background .15s;display:flex}.poll-vote-item:hover{background:#0000000a}.poll-vote-item:last-child{border-bottom:none}.poll-radio{border:2px solid #8696a0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.poll-radio.checked{background:#00a884;border-color:#00a884}.poll-radio-dot{background:#fff;border-radius:50%;width:8px;height:8px}.poll-vote-text{color:#111b21;flex:1;font-size:.875rem}.poll-vote-count{color:#8696a0;text-align:right;min-width:16px;font-size:.8125rem;font-weight:500}.poll-vote-item.voted .poll-vote-text{font-weight:600}.poll-total{color:#8696a0;border-top:1px solid #e9edef;margin-top:8px;padding-top:8px;font-size:.75rem}@media (width<=768px){.app-container{flex-direction:column;height:100dvh;position:fixed;inset:0}.chat-layout{flex:1;width:100%;position:relative;overflow:hidden}.chat-layout .sidebar{z-index:5;width:100%;min-width:100%;position:absolute;inset:0}.chat-layout .chat-window{z-index:10;background:var(--bg-chat,#e5ddd5);width:100%;position:absolute;inset:0}.chat-layout .chat-window.chat-empty-state{display:none}.chat-layout .chat-window:not(.chat-empty-state){display:flex}.chat-header-back{display:flex!important}.chat-header{min-height:54px;padding:8px 10px}.chat-header-actions{gap:0}.chat-header-actions .btn-icon{width:36px;height:36px}.message-row{padding:1px 8px}.message-bubble{max-width:85%}.message-input-container{gap:6px;padding:6px 8px}.message-input-box{padding:8px 12px;font-size:15px}.message-input-actions{gap:0}.chat-empty{display:none}.group-info-panel{width:100%!important;min-width:100%!important}.modal-overlay .modal-content,.new-group-modal,.add-members-modal,.forward-modal{border-radius:12px;max-height:90vh;margin:auto;width:95%!important;max-width:95%!important}.context-menu{max-width:85vw}.chat-search-panel{width:100%!important;min-width:100%!important}.voice-recorder{gap:8px}.poll-modal{width:95%!important;max-width:95%!important}.camera-modal-content{border-radius:0!important;width:100%!important;height:100%!important}}@media (width<=380px){.chat-header{min-height:50px;padding:6px 8px}.message-bubble{max-width:90%;font-size:14px}.sidebar-header h2{font-size:1rem}.chat-list-item{padding:8px 12px}.chat-list-item-name{font-size:.875rem}.call-controls{gap:20px}.call-btn.secondary{width:48px;height:48px}.call-btn.end,.call-btn.accept,.call-btn.reject{width:56px;height:56px}}.header-menu-container{position:relative}.header-dropdown-menu{z-index:1000;background:#233138;border-radius:8px;min-width:200px;padding:6px 0;animation:.15s menuFadeIn;position:absolute;top:100%;right:0;box-shadow:0 4px 20px #0006}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-menu-item{color:#e9edef;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 20px;font-size:14px;transition:background .15s;display:flex}.header-menu-item:hover{background:#ffffff14}.header-menu-item.danger{color:#ea4335}.header-menu-item.danger:hover{background:#ea43351a}.header-menu-divider{background:#ffffff14;height:1px;margin:4px 0}.call-overlay{z-index:9999;justify-content:center;align-items:center;animation:.3s callFadeIn;display:flex;position:fixed;inset:0}.call-screen{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.call-bg{z-index:0;background:linear-gradient(135deg,#0a1628 0%,#1a2744 30%,#0d3320 60%,#0a1628 100%);position:absolute;inset:0}.call-bg:after{content:"";background:radial-gradient(at 50% 30%,#00a88426 0%,#0000 70%);position:absolute;inset:0}.call-avatar-section{z-index:1;flex-direction:column;align-items:center;gap:16px;margin-bottom:80px;display:flex}.call-avatar{color:#fff;background:linear-gradient(135deg,#00a884,#00d4aa);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:48px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00a8844d}.call-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.call-avatar.pulsing:before,.call-avatar.pulsing:after{content:"";border:2px solid #00a88466;border-radius:50%;animation:2s ease-out infinite callPulse;position:absolute;inset:-8px}.call-avatar.pulsing:after{animation-delay:.6s}.call-avatar.ringing{animation:.5s ease-in-out infinite alternate callRing}.call-peer-name{color:#fff;text-shadow:0 2px 10px #0000004d;margin:0;font-size:28px;font-weight:600}.call-status{color:#ffffffb3;letter-spacing:.5px;margin:0;font-size:16px;font-weight:400}.call-controls{z-index:1;justify-content:center;align-items:center;gap:32px;display:flex;position:absolute;bottom:80px}.call-btn{cursor:pointer;color:#fff;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;transition:all .2s;display:flex}.call-btn span{color:#ffffffb3;font-size:12px}.call-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:50%;justify-content:center;width:56px;height:56px;padding-bottom:0}.call-btn.secondary span{position:absolute;bottom:-24px}.call-btn.secondary.active{background:#ffffff4d}.call-btn.secondary,.call-btn.end,.call-btn.accept,.call-btn.reject{position:relative}.call-btn.end{background:#ef4444;border-radius:50%;justify-content:center;width:64px;height:64px;padding-bottom:0;box-shadow:0 4px 20px #ef444466}.call-btn.end span{position:absolute;bottom:-24px}.call-btn.end:hover{background:#dc2626;transform:scale(1.05)}.call-btn.accept{background:#00a884;border-radius:50%;justify-content:center;width:64px;height:64px;padding-bottom:0;animation:1.5s infinite callAcceptPulse;box-shadow:0 4px 20px #00a88466}.call-btn.accept span{position:absolute;bottom:-24px}.call-btn.accept:hover{background:#00c29a;transform:scale(1.05)}.call-btn.reject{background:#ef4444;border-radius:50%;justify-content:center;width:64px;height:64px;padding-bottom:0;box-shadow:0 4px 20px #ef444466}.call-btn.reject span{position:absolute;bottom:-24px}.call-btn.reject:hover{background:#dc2626;transform:scale(1.05)}.call-encryption{z-index:1;color:#fff6;letter-spacing:.5px;font-size:12px;position:absolute;bottom:24px}@keyframes callFadeIn{0%{opacity:0}to{opacity:1}}@keyframes callPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes callRing{0%{transform:rotate(-3deg)scale(1)}to{transform:rotate(3deg)scale(1.05)}}@keyframes callAcceptPulse{0%,to{box-shadow:0 4px 20px #00a88466}50%{box-shadow:0 4px 40px #00a88499}}.call-remote-video{object-fit:cover;z-index:0;background:#000;width:100%;height:100%;position:absolute;inset:0}.call-local-video-container{z-index:2;border:2px solid #fff3;border-radius:16px;width:180px;height:240px;transition:opacity .3s;position:absolute;top:24px;right:24px;overflow:hidden;box-shadow:0 4px 20px #0006}.call-local-video-container.hidden{opacity:0;pointer-events:none}.call-local-video{object-fit:cover;background:#1a1a2e;width:100%;height:100%;transform:scaleX(-1)}.call-video-off-overlay{color:#fff9;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.call-video-top-bar{z-index:2;background:linear-gradient(#0009 0%,#0000 100%);justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:absolute;top:0;left:0;right:0}.call-video-top-bar h3{color:#fff;text-shadow:0 1px 4px #00000080;margin:0;font-size:18px;font-weight:600}.call-video-top-bar span{color:#fffc;text-shadow:0 1px 4px #00000080;font-size:14px;font-weight:500}.video-call .call-controls{background:linear-gradient(#0000 0%,#0009 100%);justify-content:center;gap:24px;padding:24px 0 40px;bottom:0;left:0;right:0}.video-call .call-encryption{bottom:8px}@media (width<=768px){.call-avatar{width:100px;height:100px;font-size:40px}.call-peer-name{font-size:22px}.call-status{font-size:14px}.call-controls{gap:24px;bottom:60px}.call-btn.secondary{width:50px;height:50px}.call-btn.end,.call-btn.accept,.call-btn.reject{width:58px;height:58px}.call-btn span{font-size:11px}.call-encryption{font-size:11px;bottom:16px}.call-local-video-container{border-radius:12px;width:120px;height:160px;top:16px;right:16px}.call-video-top-bar{padding:14px 16px}.call-video-top-bar h3{font-size:16px}}.group-call-screen{justify-content:flex-start;padding-top:60px}.group-call-header{z-index:1;flex-direction:column;align-items:center;gap:6px;margin-bottom:32px;display:flex}.group-call-header .call-peer-name{font-size:24px}.group-call-count{color:#ffffff80;margin:0;font-size:13px;font-weight:400}.group-call-grid{z-index:1;gap:20px;width:100%;max-width:480px;padding:0 32px;animation:.4s groupGridFadeIn;display:grid}.group-call-grid.grid-1{grid-template-columns:1fr;max-width:200px}.group-call-grid.grid-2{grid-template-columns:repeat(2,1fr);max-width:320px}.group-call-grid.grid-3{grid-template-columns:repeat(3,1fr)}.group-call-grid.grid-4{grid-template-columns:repeat(2,1fr);max-width:320px}.group-call-grid.grid-5,.group-call-grid.grid-6{grid-template-columns:repeat(3,1fr)}.group-call-participant{flex-direction:column;align-items:center;gap:10px;animation:.3s backwards groupParticipantIn;display:flex}.group-call-participant:first-child{animation-delay:0s}.group-call-participant:nth-child(2){animation-delay:50ms}.group-call-participant:nth-child(3){animation-delay:.1s}.group-call-participant:nth-child(4){animation-delay:.15s}.group-call-participant:nth-child(5){animation-delay:.2s}.group-call-participant:nth-child(6){animation-delay:.25s}.group-call-participant-avatar{justify-content:center;align-items:center;display:flex;position:relative}.group-call-speaking-ring{opacity:0;border:2px solid #00a88480;border-radius:50%;animation:1.5s ease-in-out infinite groupSpeakingPulse;position:absolute;inset:-4px}.group-call-participant-name{color:#ffffffd9;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:13px;font-weight:500;overflow:hidden}.group-call-controls{bottom:80px}.group-call-banner{background:linear-gradient(135deg,#0d3320 0%,#1a3a2a 100%);border-bottom:1px solid #00a88433;justify-content:space-between;align-items:center;padding:10px 16px;animation:.3s bannerSlideIn;display:flex}.group-call-banner-text{color:#ffffffd9;font-size:13px;font-weight:500}.group-call-banner-btn{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:20px;padding:6px 20px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.group-call-banner-btn:hover{background:#00c29a;transform:scale(1.02)}@keyframes groupGridFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes groupParticipantIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes groupSpeakingPulse{0%,to{opacity:0;transform:scale(.95)}50%{opacity:.7;transform:scale(1.1)}}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.group-call-screen{padding-top:40px}.group-call-header .call-peer-name{font-size:20px}.group-call-grid{gap:16px;padding:0 20px}.group-call-grid.grid-3,.group-call-grid.grid-5,.group-call-grid.grid-6{grid-template-columns:repeat(2,1fr);max-width:320px}.group-call-participant-name{max-width:80px;font-size:12px}.group-call-controls{bottom:60px}.group-call-banner{padding:8px 12px}.group-call-banner-text{font-size:12px}.group-call-banner-btn{padding:5px 16px;font-size:12px}}.group-modal{background:#fff;border-radius:16px;flex-direction:column;width:440px;max-height:80vh;display:flex;box-shadow:0 8px 32px #0003}.group-modal-header{border-bottom:1px solid #e9edef;align-items:center;gap:12px;padding:16px 20px;display:flex}.group-modal-header h3{color:#111b21;flex:1;font-size:1rem;font-weight:600}.group-search{border-bottom:1px solid #e9edef;align-items:center;gap:10px;padding:10px 20px;display:flex}.group-search svg{color:#8696a0;flex-shrink:0}.group-search input{color:#111b21;background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:.875rem}.group-search input::placeholder{color:#8696a0}.group-selected-chips{border-bottom:1px solid #e9edef;flex-wrap:wrap;gap:6px;padding:10px 20px;display:flex}.group-chip{cursor:pointer;color:#111b21;background:#e7fce8;border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:.8125rem;transition:background .15s;display:flex}.group-chip:hover{background:#d4f5d5}.group-user-list{flex:1;max-height:350px;padding:4px 0;overflow-y:auto}.group-user-item{cursor:pointer;align-items:center;gap:12px;padding:10px 20px;transition:background .15s;display:flex}.group-user-item:hover{background:#f5f6f6}.group-user-item.selected{background:#e7fce8}.group-user-item.disabled{opacity:.5;cursor:default}.group-user-info{flex-direction:column;flex:1;display:flex}.group-user-name{color:#111b21;font-size:.9rem;font-weight:500}.group-user-phone{color:#8696a0;font-size:.75rem}.group-user-check{color:#fff;background:#00a884;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.group-existing-badge{color:#8696a0;font-size:.6875rem;font-style:italic}.group-modal-footer{border-top:1px solid #e9edef;justify-content:flex-end;padding:16px 20px;display:flex}.group-next-btn,.group-create-btn{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00a8844d}.group-next-btn:hover,.group-create-btn:hover:not(:disabled){background:#06cf9c;transform:scale(1.05)}.group-create-btn:disabled{box-shadow:none;cursor:default;background:#ccd0d5}.group-info-form{flex-direction:column;gap:20px;padding:24px 20px;display:flex}.group-avatar-pick{justify-content:center;display:flex}.group-avatar-placeholder{color:#8696a0;background:#e9edef;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.group-form-field{position:relative}.group-name-input,.group-desc-input{color:#111b21;background:0 0;border:none;border-bottom:2px solid #e9edef;outline:none;width:100%;padding:10px 0;font-family:Inter,sans-serif;font-size:.9375rem;transition:border-color .2s}.group-name-input:focus,.group-desc-input:focus{border-bottom-color:#00a884}.group-name-count{color:#8696a0;font-size:.75rem;position:absolute;bottom:12px;right:0}.group-members-preview{flex-direction:column;gap:8px;display:flex}.group-members-label{color:#8696a0;font-size:.8125rem}.group-members-avatars{flex-wrap:wrap;gap:4px;display:flex}.group-more{color:#54656f;background:#e9edef;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.6875rem;font-weight:600;display:flex}.group-info-panel{z-index:100;background:#fff;border-left:1px solid #e9edef;flex-direction:column;width:340px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 16px #00000014}.group-info-header{background:#f0f2f5;border-bottom:1px solid #e9edef;align-items:center;gap:12px;padding:16px 20px;display:flex}.group-info-header h3{color:#111b21;flex:1;font-size:1rem;font-weight:600}.group-info-body{flex:1;overflow-y:auto}.group-info-top{border-bottom:8px solid #f0f2f5;flex-direction:column;align-items:center;gap:8px;padding:24px 20px;display:flex}.group-info-avatar{border-radius:50%;width:80px;height:80px;position:relative;overflow:hidden}.group-info-avatar.clickable{cursor:pointer}.group-info-avatar img{object-fit:cover;width:100%;height:100%}.group-info-avatar-fallback{color:#fff;background:#00a884;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.group-info-avatar-overlay{color:#fff;opacity:0;background:#00000080;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.group-info-avatar.clickable:hover .group-info-avatar-overlay{opacity:1}.avatar-upload-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.group-info-name-row{align-items:center;gap:8px;display:flex}.group-info-name-row h2{color:#111b21;font-size:1.125rem;font-weight:600}.group-info-name-row button,.group-info-desc-row button{color:#8696a0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .15s}.group-info-name-row button:hover,.group-info-desc-row button:hover{color:#00a884}.group-info-edit-row{gap:8px;width:100%;display:flex}.group-info-edit-row input{color:#111b21;background:0 0;border:none;border-bottom:2px solid #00a884;outline:none;flex:1;padding:6px 0;font-family:Inter,sans-serif;font-size:.9375rem}.group-info-save{cursor:pointer;border:none;border-radius:8px;padding:4px 12px;font-size:.8125rem;color:#fff!important;background:#00a884!important}.group-info-meta{color:#8696a0;font-size:.8125rem}.group-info-section{border-bottom:8px solid #f0f2f5;padding:16px 20px}.group-info-section-title{color:#8696a0;text-transform:uppercase;letter-spacing:.3px;margin-bottom:12px;font-size:.8125rem;font-weight:500;display:block}.group-info-desc-row{align-items:flex-start;gap:8px;display:flex}.group-info-desc-row p{color:#111b21;flex:1;margin:0;font-size:.875rem;line-height:1.4}.group-member-item{cursor:default;align-items:center;gap:12px;padding:8px 0;display:flex}.group-member-item.add-member{cursor:pointer;padding:10px 0}.group-member-item.add-member:hover{opacity:.8}.group-member-add-icon{color:#fff;background:#00a884;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.group-member-item.add-member span{color:#00a884;font-size:.9rem;font-weight:500}.group-member-info{flex-direction:column;flex:1;min-width:0;display:flex}.group-member-name{color:#111b21;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.group-member-phone{color:#8696a0;font-size:.75rem}.group-member-badges{gap:4px;display:flex}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:2px 8px;font-size:.625rem;font-weight:600}.badge-creator{color:#c80;background:#ffb02e20}.badge-admin{color:#00a884;background:#00a88420}.group-member-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex}.group-member-item:hover .group-member-actions{opacity:1}.group-member-actions button{color:#8696a0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .15s}.group-member-actions button:hover{color:#ea4335;background:#fce8e8}.group-member-actions button:first-child:hover{color:#00a884;background:#e7fce8}.group-leave-btn{color:#ea4335;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 0;font-size:.9rem;font-weight:500;transition:opacity .15s;display:flex}.group-leave-btn:hover{opacity:.8}.system-message-wrapper{justify-content:center;padding:4px 16px;display:flex}.system-message-bubble{color:#54656f;text-align:center;background:#fdfefe;border-radius:8px;max-width:80%;padding:6px 16px;font-size:.75rem;line-height:1.4;box-shadow:0 1px 2px #00000014}.message-sender-name{margin-bottom:2px;font-size:.75rem;font-weight:600;display:block}.profile-panel{background:#111b21;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.profile-panel-header{background:#202c33;border-bottom:1px solid #ffffff0f;align-items:center;gap:16px;padding:16px 20px;display:flex}.profile-panel-header h3{color:#e9edef;margin:0;font-size:1.125rem;font-weight:600}.profile-panel-body{flex:1;padding:20px 0;overflow-y:auto}.profile-avatar-section{justify-content:center;padding:20px 0 30px;display:flex}.profile-avatar-large{cursor:pointer;border-radius:50%;width:200px;height:200px;position:relative;overflow:hidden}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-avatar-fallback{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#00a884,#06cf9c);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:600;display:flex}.profile-avatar-overlay{color:#fff;opacity:0;background:#0000008c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .25s;display:flex;position:absolute;inset:0}.profile-avatar-overlay span{text-transform:uppercase;letter-spacing:.5px;font-size:12px}.profile-avatar-large:hover .profile-avatar-overlay{opacity:1}.profile-field{border-bottom:1px solid #ffffff0f;padding:14px 30px}.profile-field label{color:#00a884;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.profile-field-display{justify-content:space-between;align-items:center;display:flex}.profile-field-display span{color:#e9edef;font-size:15px}.profile-field-display button{color:#8696a0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s}.profile-field-display button:hover{color:#00a884}.profile-field-edit{align-items:center;gap:10px;display:flex}.profile-field-edit input{color:#e9edef;background:0 0;border:none;border-bottom:2px solid #00a884;outline:none;flex:1;padding:6px 0;font-size:15px}.profile-field-edit button{color:#00a884;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px;transition:background .2s}.profile-field-edit button:hover{background:#00a8841a}.marketplace-panel{background:var(--bg-panel);border-right:1px solid var(--divider);flex-direction:column;width:340px;min-width:300px;height:100%;display:flex;position:relative;overflow:hidden}.mp-header{background:var(--bg-header);justify-content:space-between;align-items:center;min-height:60px;padding:10px 16px;display:flex}.mp-header-left{align-items:center;gap:8px;display:flex}.mp-header-left h2{color:var(--primary);letter-spacing:-.3px;font-size:1.125rem;font-weight:600}.mp-header-actions{align-items:center;gap:2px;display:flex}.mp-header-actions .btn-icon{color:var(--text-header)}.mp-header-actions .btn-icon:hover{color:var(--text-primary);background:#0000000d}.mp-nav-tabs{background:var(--bg-header);border-bottom:1px solid var(--divider);align-items:center;padding:0 12px;display:flex}.mp-nav-tab{color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:.8125rem;font-weight:500;display:flex}.mp-nav-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.mp-nav-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.mp-nav-tab svg{width:16px;height:16px}.mp-search{background:var(--bg-panel);padding:6px 12px}.mp-categories{background:var(--bg-panel);border-bottom:1px solid var(--divider);align-items:center;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.mp-categories::-webkit-scrollbar{display:none}.mp-chip{border-radius:var(--radius-full);color:var(--text-header);background:var(--bg-input);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none;padding:5px 14px;font-size:.75rem;font-weight:500}.mp-chip:hover{background:var(--bg-active)}.mp-chip.active{background:var(--primary);color:#fff}.mp-product-grid{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:8px;padding:8px;display:grid;overflow:hidden auto}.mp-product-card{background:var(--bg-panel);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--divider);flex-direction:column;display:flex;overflow:hidden}.mp-product-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.mp-product-card.spotlight{border:2px solid #ffb800;box-shadow:0 0 12px #ffb80026}.mp-product-card.spotlight:hover{border-color:#ffb800;box-shadow:0 4px 20px #ffb80040}.mp-card-image{aspect-ratio:1;background:var(--bg-input);width:100%;position:relative;overflow:hidden}.mp-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.mp-product-card:hover .mp-card-image img{transform:scale(1.05)}.mp-card-image-placeholder{background:var(--bg-input);width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.mp-card-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;font-size:.625rem;font-weight:600;position:absolute;top:6px;left:6px}.mp-card-badge.category{color:#fff;background:#00a884e6}.mp-card-badge.condition{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;top:auto;bottom:6px;left:6px}.mp-card-save{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.mp-card-save:hover{background:#000000b3}.mp-card-save.saved{color:#ea4335;background:#ea433526}.mp-spotlight-badge{border-radius:var(--radius-full);color:#111b21;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#ffb800,#ff8c00);padding:2px 8px;font-size:.625rem;font-weight:700;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #ffb80066}.mp-card-body{flex-direction:column;flex:1;gap:4px;padding:8px 10px 10px;display:flex}.mp-card-price{color:var(--primary);letter-spacing:-.2px;font-size:.9375rem;font-weight:700}.mp-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;line-height:1.3;overflow:hidden}.mp-card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;display:flex}.mp-card-seller{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.mp-card-seller-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.mp-card-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.625rem}.mp-skeleton{background:var(--bg-panel);border-radius:var(--radius-lg);border:1px solid var(--divider);overflow:hidden}.mp-skeleton-image{aspect-ratio:1;background:linear-gradient(90deg, var(--bg-input) 25%, var(--bg-hover) 50%, var(--bg-input) 75%);background-size:200% 100%;width:100%;animation:1.5s infinite mp-shimmer}.mp-skeleton-body{flex-direction:column;gap:8px;padding:10px;display:flex}.mp-skeleton-line{background:linear-gradient(90deg, var(--bg-input) 25%, var(--bg-hover) 50%, var(--bg-input) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.5s infinite mp-shimmer}.mp-skeleton-line.short{width:60%}.mp-skeleton-line.tiny{width:40%;height:10px}@keyframes mp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mp-load-more{grid-column:1/-1;justify-content:center;padding:12px;display:flex}.mp-load-more-btn{border-radius:var(--radius-full);color:var(--primary);background:var(--bg-input);border:1px solid var(--divider);cursor:pointer;transition:all var(--transition-fast);padding:8px 24px;font-size:.8125rem;font-weight:500}.mp-load-more-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.mp-load-more-btn:disabled{opacity:.5;cursor:not-allowed}.mp-detail-panel{background:var(--bg-panel);flex-direction:column;flex:1;min-width:0;height:100%;animation:.3s fadeIn;display:flex}.mp-detail-header{background:var(--bg-header);border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;min-height:60px;padding:10px 16px;display:flex}.mp-detail-header-left{align-items:center;gap:12px;display:flex}.mp-detail-header h3{color:var(--text-primary);font-size:1rem;font-weight:600}.mp-detail-header-actions{align-items:center;gap:4px;display:flex}.mp-detail-content{background:var(--bg-app);flex:1;overflow-y:auto}.mp-gallery{aspect-ratio:4/3;background:#000;width:100%;position:relative;overflow:hidden}.mp-gallery img{object-fit:contain;width:100%;height:100%}.mp-gallery-nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);z-index:5;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mp-gallery-nav:hover{background:#000c}.mp-gallery-nav.prev{left:8px}.mp-gallery-nav.next{right:8px}.mp-gallery-dots{z-index:5;gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.mp-gallery-dot{cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);background:#fff6;border:none;border-radius:50%;padding:0}.mp-gallery-dot.active{background:#fff;transform:scale(1.2)}.mp-detail-info{background:var(--bg-panel);padding:16px}.mp-detail-price{color:var(--primary);margin-bottom:4px;font-size:1.5rem;font-weight:700}.mp-detail-title{color:var(--text-primary);margin-bottom:12px;font-size:1.125rem;font-weight:600;line-height:1.35}.mp-detail-meta{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.mp-detail-tag{border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-secondary);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.mp-detail-tag svg{width:12px;height:12px}.mp-detail-desc{color:var(--text-primary);white-space:pre-wrap;font-size:.875rem;line-height:1.6}.mp-seller-card{background:var(--bg-panel);border-radius:var(--radius-lg);border:1px solid var(--divider);align-items:center;gap:12px;margin:12px 16px;padding:14px;display:flex}.mp-seller-info{flex:1;min-width:0}.mp-seller-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.mp-seller-phone{color:var(--text-secondary);align-items:center;gap:4px;margin-top:2px;font-size:.8125rem;display:flex}.mp-seller-phone svg{width:14px;height:14px}.mp-detail-actions{background:var(--bg-panel);border-top:1px solid var(--divider);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.mp-btn-message{background:var(--primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;width:100%;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9375rem;font-weight:600;display:flex}.mp-btn-message:hover{background:var(--primary-hover);box-shadow:0 4px 20px #00a8844d}.mp-detail-btn-row{gap:8px;display:flex}.mp-detail-btn-row button{border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-input);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.8125rem;font-weight:500;display:flex}.mp-detail-btn-row button:hover{background:var(--bg-hover);color:var(--text-primary)}.mp-detail-btn-row button svg{width:16px;height:16px}.mp-create-panel{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.mp-create-header{background:var(--bg-header);border-bottom:1px solid var(--divider);align-items:center;gap:12px;min-height:60px;padding:10px 16px;display:flex}.mp-create-header h3{color:var(--text-primary);font-size:1rem;font-weight:600}.mp-create-body{flex:1;padding:16px;overflow-y:auto}.mp-form-group{margin-bottom:20px}.mp-form-label{color:var(--text-primary);margin-bottom:8px;font-size:.8125rem;font-weight:600;display:block}.mp-form-label .required{color:var(--danger);margin-left:2px}.mp-form-input{background:var(--bg-input);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:.875rem;font-family:var(--font-family);transition:all var(--transition-fast);border:1px solid #0000;padding:10px 14px}.mp-form-input:focus{border-color:var(--primary);background:var(--bg-panel)}.mp-form-input.error{border-color:var(--danger)}.mp-form-textarea{background:var(--bg-input);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:.875rem;font-family:var(--font-family);resize:vertical;min-height:100px;transition:all var(--transition-fast);border:1px solid #0000;padding:10px 14px}.mp-form-textarea:focus{border-color:var(--primary);background:var(--bg-panel)}.mp-form-textarea.error{border-color:var(--danger)}.mp-form-select{background:var(--bg-input);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:.875rem;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238696A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #0000;padding:10px 36px 10px 14px}.mp-form-select:focus{border-color:var(--primary);background-color:var(--bg-panel)}.mp-form-select.error{border-color:var(--danger)}.mp-form-error{color:var(--danger);margin-top:4px;font-size:.75rem}.mp-condition-group{flex-wrap:wrap;gap:8px;display:flex}.mp-condition-radio{position:relative}.mp-condition-radio input{opacity:0;width:0;height:0;position:absolute}.mp-condition-label{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-input);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;padding:8px 16px;font-size:.8125rem;font-weight:500;display:inline-flex}.mp-condition-radio input:checked+.mp-condition-label{color:var(--primary);border-color:var(--primary);background:#00a8841a}.mp-condition-label:hover{background:var(--bg-hover)}.mp-image-upload{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mp-image-dropzone{aspect-ratio:1;border:2px dashed var(--divider);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-input);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.mp-image-dropzone:hover{border-color:var(--primary);color:var(--primary);background:#00a8840d}.mp-image-dropzone.dragover{border-color:var(--primary);background:#00a88414}.mp-image-dropzone svg{width:24px;height:24px}.mp-image-dropzone span{font-size:.6875rem;font-weight:500}.mp-image-preview{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--divider);position:relative;overflow:hidden}.mp-image-preview img{object-fit:cover;width:100%;height:100%}.mp-image-remove{color:#fff;cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.mp-image-remove:hover{background:var(--danger)}.mp-image-remove svg{width:14px;height:14px}.mp-create-footer{border-top:1px solid var(--divider);background:var(--bg-header);padding:12px 16px}.mp-submit-btn{background:var(--primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;width:100%;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9375rem;font-weight:600;display:flex}.mp-submit-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 20px #00a8844d}.mp-submit-btn:disabled{opacity:.5;cursor:not-allowed}.mp-my-listings{flex-direction:column;flex:1;display:flex;overflow:hidden}.mp-listing-tabs{border-bottom:1px solid var(--divider);background:var(--bg-panel);align-items:center;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.mp-listing-tabs::-webkit-scrollbar{display:none}.mp-listing-tab{border-radius:var(--radius-full);color:var(--text-header);background:var(--bg-input);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none;padding:5px 14px;font-size:.75rem;font-weight:500}.mp-listing-tab:hover{background:var(--bg-active)}.mp-listing-tab.active{background:var(--primary);color:#fff}.mp-listing-list{flex:1;overflow-y:auto}.mp-listing-item{border-bottom:1px solid var(--divider);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:10px 16px;display:flex}.mp-listing-item:hover{background:var(--bg-hover)}.mp-listing-thumb{border-radius:var(--radius-md);background:var(--bg-input);flex-shrink:0;width:56px;height:56px;overflow:hidden}.mp-listing-thumb img{object-fit:cover;width:100%;height:100%}.mp-listing-info{flex:1;min-width:0}.mp-listing-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.mp-listing-price{color:var(--primary);margin-top:2px;font-size:.8125rem;font-weight:700}.mp-listing-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.mp-status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;align-items:center;padding:2px 8px;font-size:.625rem;font-weight:600;display:inline-flex}.mp-status-badge.draft{color:#8696a0;background:#8696a026}.mp-status-badge.pending{color:#ffb800;background:#ffb80026}.mp-status-badge.approved,.mp-status-badge.active{color:#00a884;background:#00a88426}.mp-status-badge.rejected{color:#ea4335;background:#ea433526}.mp-status-badge.expired{color:#667781;background:#8696a026}.mp-listing-package{color:var(--text-muted);font-size:.625rem}.mp-listing-actions{flex-shrink:0;gap:4px;display:flex}.mp-listing-action-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mp-listing-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mp-listing-action-btn.danger:hover{color:var(--danger);background:#ea433514}.mp-payment-overlay{z-index:var(--z-modal);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.mp-payment-modal{background:var(--bg-panel);border-radius:var(--radius-xl);width:480px;max-width:95vw;max-height:85vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.2s scaleIn;display:flex;overflow:hidden}.mp-payment-header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mp-payment-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}.mp-payment-body{flex:1;padding:16px 20px;overflow-y:auto}.mp-packages{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.mp-package-card{border-radius:var(--radius-lg);border:2px solid var(--divider);cursor:pointer;transition:all var(--transition-fast);padding:14px;position:relative;overflow:hidden}.mp-package-card:hover{border-color:var(--primary)}.mp-package-card.selected{border-color:var(--primary);background:#00a8840d}.mp-package-card.spotlight{background:#ffb8000d;border-color:#ffb800}.mp-package-card.spotlight.selected{background:#ffb8001a;box-shadow:0 0 16px #ffb80026}.mp-package-popular{text-transform:uppercase;background:var(--primary);color:#fff;border-radius:0 0 0 var(--radius-md);padding:2px 10px;font-size:.5625rem;font-weight:700;position:absolute;top:0;right:0}.mp-package-name{color:var(--text-primary);margin-bottom:4px;font-size:.875rem;font-weight:600}.mp-package-price{color:var(--primary);margin-bottom:2px;font-size:1.125rem;font-weight:700}.mp-package-card.spotlight .mp-package-price{color:#ffb800}.mp-package-duration{color:var(--text-muted);margin-bottom:10px;font-size:.6875rem}.mp-package-features{margin:0;padding:0;list-style:none}.mp-package-features li{color:var(--text-secondary);align-items:center;gap:6px;padding:2px 0;font-size:.6875rem;display:flex}.mp-package-features li svg{width:12px;height:12px;color:var(--primary);flex-shrink:0}.mp-package-card.spotlight .mp-package-features li svg{color:#ffb800}.mp-package-check{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:10px;left:10px}.mp-package-check svg{width:12px;height:12px}.mp-payment-section{margin-bottom:20px}.mp-payment-section-title{color:var(--text-primary);margin-bottom:10px;font-size:.875rem;font-weight:600}.mp-bank-details{background:var(--bg-input);border-radius:var(--radius-md);margin-bottom:12px;padding:12px 14px}.mp-bank-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.mp-bank-label{color:var(--text-muted);font-size:.75rem}.mp-bank-value{color:var(--text-primary);-webkit-user-select:all;user-select:all;font-size:.8125rem;font-weight:600}.mp-proof-upload{align-items:center;gap:12px;display:flex}.mp-proof-dropzone{border:2px dashed var(--divider);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:6px;padding:20px;display:flex}.mp-proof-dropzone:hover{border-color:var(--primary);color:var(--primary)}.mp-proof-dropzone svg{width:24px;height:24px}.mp-proof-dropzone span{font-size:.75rem;font-weight:500}.mp-proof-preview{border-radius:var(--radius-md);border:1px solid var(--divider);width:80px;height:80px;position:relative;overflow:hidden}.mp-proof-preview img{object-fit:cover;width:100%;height:100%}.mp-payment-footer{border-top:1px solid var(--divider);padding:12px 20px}.mp-payment-submit{background:var(--primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;width:100%;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9375rem;font-weight:600;display:flex}.mp-payment-submit:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 20px #00a8844d}.mp-payment-submit:disabled{opacity:.5;cursor:not-allowed}.mp-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@media (width<=768px){.marketplace-panel{width:100%;min-width:auto}.mp-packages{grid-template-columns:1fr}.mp-payment-modal{border-radius:0;width:100%;height:100%;max-height:100vh}}:root{--primary:#00a884;--primary-hover:#06cf9c;--primary-dark:#008069;--bg-app:#efeae2;--bg-panel:#fff;--bg-sidebar:#fff;--bg-header:#f0f2f5;--bg-icon-sidebar:#f0f2f5;--bg-sent:#d9fdd3;--bg-received:#fff;--bg-input:#f0f2f5;--bg-hover:#f5f6f6;--bg-active:#e9edef;--bg-overlay:#0006;--bg-dark:#111b21;--text-primary:#111b21;--text-secondary:#667781;--text-muted:#8696a0;--text-header:#54656f;--danger:#ea4335;--link:#53bdeb;--warning:#ffb800;--success:#00a884;--border:#e9edef;--divider:#e9edef;--hover:#f5f6f6;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 2px 8px #0000001a;--shadow-lg:0 4px 16px #0000001f;--shadow-xl:0 8px 28px #00000026;--glass-bg:#202c3399;--glass-border:#e9edef14;--glass-shadow:0 8px 32px #0000004d;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--z-dropdown:100;--z-modal:200;--z-toast:300;--z-tooltip:400}.dark-theme{--bg-app:#0b141a;--bg-panel:#111b21;--bg-sidebar:#202c33;--bg-header:#202c33;--bg-sent:#005c4b;--bg-received:#202c33;--bg-input:#2a3942;--bg-hover:#2a3942;--bg-active:#2a3942;--bg-overlay:#0b141ad9;--text-primary:#e9edef;--text-secondary:#8696a0;--text-muted:#667781;--text-header:#8696a0;--border:#2a3942;--hover:#2a3942;--divider:#222d34;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 30px #00000059;--shadow-xl:0 20px 60px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);color:var(--text-primary);background-color:#dad3cc;min-height:100vh;line-height:1.5;overflow:hidden}#root{flex-direction:column;width:100%;height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}a{color:var(--link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}button{font-family:var(--font-family);cursor:pointer;color:var(--text-primary);background:0 0;border:none;outline:none}input,textarea{font-family:var(--font-family);color:var(--text-primary);background:0 0;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--text-secondary)}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#00000026}::-webkit-scrollbar-thumb:hover{background:#00000040}*{scrollbar-width:thin;scrollbar-color:#00000026 transparent}.dark-theme ::-webkit-scrollbar-thumb{background:#8696a04d}.dark-theme ::-webkit-scrollbar-thumb:hover{background:#8696a080}.dark-theme *{scrollbar-color:#8696a04d transparent}::selection{background-color:var(--primary);color:#fff}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-link{color:var(--link)}.bg-dark{background-color:var(--bg-dark)}.bg-panel{background-color:var(--bg-panel)}.bg-sidebar{background-color:var(--bg-sidebar)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.w-full{width:100%}.h-full{height:100%}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{-webkit-backdrop-filter:blur(40px);box-shadow:var(--shadow-xl);background:#111b21cc;border:1px solid #e9edef1a}.btn{border-radius:var(--radius-lg);transition:all var(--transition-normal);justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.9375rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff0d}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 20px #00a8844d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#d93025}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--hover);color:var(--text-primary)}.btn-icon{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--hover);color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input-field{background:var(--bg-input);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);border:1px solid #0000;padding:10px 16px;font-size:.9375rem}.input-field:focus{border-color:var(--primary);background:#fff}.dark-theme .input-field:focus{background:#2a3942cc}.animate-fadeIn{animation:fadeIn var(--transition-slow) forwards}.animate-slideInLeft{animation:slideInLeft var(--transition-slow) forwards}.animate-slideInRight{animation:slideInRight var(--transition-slow) forwards}.animate-slideInUp{animation:slideInUp var(--transition-slow) forwards}.animate-pulse{animation:2s infinite pulse}.animate-scaleIn{animation:scaleIn var(--transition-normal) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes typingDots{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.typing-indicator{align-items:center;gap:4px;padding:8px 16px;display:flex}.typing-indicator span{background-color:var(--text-secondary);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typingDots}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#e9edef 25%,#f5f6f6 50%,#e9edef 75%) 0 0/400% 100%;animation:1.5s infinite shimmer}.dark-theme .skeleton{background:linear-gradient(90deg, var(--bg-sidebar) 25%, #2a394299 50%, var(--bg-sidebar) 75%);background-size:400% 100%}