:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-elevated:#222;--bg-hover:#2a2a2a;--border-primary:#2a2a2a;--border-secondary:#333;--border-focus:#444;--text-primary:#fff;--text-secondary:#a0a0a0;--text-tertiary:#666;--text-muted:#555;--accent-primary:#fff;--accent-secondary:#888;--accent-blue:#3b82f6;--accent-green:#22c55e;--accent-red:#ef4444;--accent-yellow:#eab308;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--sidebar-width:380px;--header-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#0a0a0a;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,textarea{background:none;border:none;color:inherit;font-family:inherit}input,textarea{font-size:inherit;outline:none}img{height:auto;max-width:100%}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;background-clip:text}.text-blue{color:#3b82f6;color:var(--accent-blue)}.mobile-only{display:none!important}@media (max-width:768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}.loading-screen{align-items:center;color:#a0a0a0;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #2a2a2a;border-top-color:#fff;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--text-primary);height:40px;width:40px}.btn-primary{align-items:center;background:#fff;background:var(--text-primary);border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:#0a0a0a;color:var(--bg-primary);display:inline-flex;font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:12px 24px;transition:all .15s ease;transition:all var(--transition-fast)}.btn-primary:hover:not(:disabled){background:#a0a0a0;background:var(--text-secondary)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{align-items:center;background:#0000;border:1px solid #333;border:1px solid var(--border-secondary);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);display:inline-flex;font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:10px 20px;transition:all .15s ease;transition:all var(--transition-fast)}.btn-secondary:hover{background:#2a2a2a;background:var(--bg-hover);border-color:#444;border-color:var(--border-focus)}.btn-ghost{align-items:center;background:#0000;border-radius:8px;border-radius:var(--radius-md);color:#a0a0a0;color:var(--text-secondary);display:inline-flex;font-size:13px;font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:8px 16px;transition:all .15s ease;transition:all var(--transition-fast)}.btn-ghost:hover{background:#2a2a2a;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.auth-container{display:flex;min-height:100vh}.auth-branding{align-items:center;background:#0a0a0a;background:var(--bg-primary);border-right:1px solid #2a2a2a;border-right:1px solid var(--border-primary);display:flex;flex:1 1;justify-content:center;padding:48px;padding:var(--spacing-2xl)}.auth-branding-content{max-width:480px}.auth-logo{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:8px;gap:var(--spacing-sm);margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.auth-title{font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.auth-description{color:#a0a0a0;color:var(--text-secondary);font-size:16px;line-height:1.6}.auth-description,.auth-stats{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.auth-stats{display:flex;gap:32px;gap:var(--spacing-xl)}.auth-stat{display:flex;flex-direction:column}.auth-stat-value{color:#fff;color:var(--text-primary);font-size:28px;font-weight:700}.auth-stat-label{color:#666;color:var(--text-tertiary);font-size:13px}.auth-features{flex-direction:column}.auth-feature,.auth-features{display:flex;gap:16px;gap:var(--spacing-md)}.auth-feature{align-items:flex-start;background:#111;background:var(--bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);padding:16px;padding:var(--spacing-md)}.auth-feature svg{color:#a0a0a0;color:var(--text-secondary);flex-shrink:0;margin-top:2px}.auth-feature div{display:flex;flex-direction:column}.auth-feature strong{color:#fff;color:var(--text-primary);font-size:14px;font-weight:600}.auth-feature span{color:#666;color:var(--text-tertiary);font-size:13px}.auth-checklist{flex-direction:column}.auth-check-item,.auth-checklist{display:flex;gap:8px;gap:var(--spacing-sm)}.auth-check-item{align-items:center;color:#a0a0a0;color:var(--text-secondary);font-size:14px}.auth-check-item svg{color:#22c55e;color:var(--accent-green);flex-shrink:0}.auth-form-container{align-items:center;background:#111;background:var(--bg-secondary);display:flex;flex:1 1;justify-content:center;padding:48px;padding:var(--spacing-2xl)}.auth-form-wrapper{max-width:400px;width:100%}.auth-form-header{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.auth-form-header h2{font-size:28px;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.auth-form-header p{color:#a0a0a0;color:var(--text-secondary);font-size:14px}.auth-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-md);color:#ef4444;color:var(--accent-red);font-size:14px;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.auth-form{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg)}.auth-footer{color:#a0a0a0;color:var(--text-secondary);font-size:14px;margin-top:32px;margin-top:var(--spacing-xl);text-align:center}.auth-link{color:#fff;color:var(--text-primary);font-weight:500;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.auth-link:hover{opacity:.8}.input-group{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.input-group label{color:#a0a0a0;color:var(--text-secondary);font-size:13px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-size:14px;padding:12px 16px 12px 44px;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.input-wrapper input::placeholder{color:#555;color:var(--text-muted)}.input-wrapper input:focus{background:#222;background:var(--bg-elevated);border-color:#444;border-color:var(--border-focus)}.input-icon{left:14px;pointer-events:none}.input-action,.input-icon{color:#555;color:var(--text-muted);position:absolute}.input-action{padding:4px;right:12px;transition:color .15s ease;transition:color var(--transition-fast)}.input-action:hover{color:#a0a0a0;color:var(--text-secondary)}@media (max-width:1024px){.auth-branding{display:none}.auth-form-container{padding:24px;padding:var(--spacing-lg)}}@media (max-width:480px){.auth-form-wrapper{max-width:100%}.auth-form-header h2{font-size:24px}}.inbox-container{display:flex;height:100vh;overflow:hidden}.inbox-sidebar{background:#111;background:var(--bg-secondary);border-right:1px solid #2a2a2a;border-right:1px solid var(--border-primary);display:flex;flex-direction:column;min-width:380px;min-width:var(--sidebar-width);width:380px;width:var(--sidebar-width)}.inbox-main{background:#0a0a0a;background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;position:relative}.sidebar-header{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-primary);justify-content:space-between;min-height:64px;min-height:var(--header-height);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{font-size:18px;font-weight:600;gap:8px;gap:var(--spacing-sm)}.sidebar-menu-btn{border-radius:8px;border-radius:var(--radius-md);color:#a0a0a0;color:var(--text-secondary);padding:8px;padding:var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast)}.sidebar-menu-btn:hover{background:#2a2a2a;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.sidebar-connection{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-primary)}.connection-indicator,.sidebar-connection{padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.connection-indicator{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:flex;font-size:12px;font-weight:500;gap:8px;gap:var(--spacing-sm);width:-webkit-fit-content;width:fit-content}.connection-indicator.connected{background:#22c55e1a;color:#22c55e;color:var(--accent-green)}.connection-indicator.disconnected{background:#ef44441a;color:#ef4444;color:var(--accent-red);cursor:pointer;transition:all .15s ease;transition:all var(--transition-fast)}.connection-indicator.disconnected:hover{background:#ef444433}.connection-indicator.checking{background:#1a1a1a;background:var(--bg-tertiary);color:#a0a0a0;color:var(--text-secondary)}.sidebar-footer{border-top:1px solid #2a2a2a;border-top:1px solid var(--border-primary);margin-top:auto;padding:16px;padding:var(--spacing-md)}.sidebar-user{position:relative}.user-info{align-items:center;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:16px;gap:var(--spacing-md);padding:8px;padding:var(--spacing-sm);transition:background .15s ease;transition:background var(--transition-fast)}.user-info:hover{background:#2a2a2a;background:var(--bg-hover)}.user-avatar{align-items:center;background:#1a1a1a;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);color:#a0a0a0;color:var(--text-secondary);display:flex;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:14px;font-weight:500}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#666;color:var(--text-tertiary);font-size:12px}.user-menu{background:#222;background:var(--bg-elevated);border:1px solid #333;border:1px solid var(--border-secondary);border-radius:12px;border-radius:var(--radius-lg);bottom:100%;box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg);left:0;margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:8px;padding:var(--spacing-sm);position:absolute;right:0;z-index:100}.user-menu-item{align-items:center;border-radius:8px;border-radius:var(--radius-md);color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.user-menu-item:hover{background:#2a2a2a;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.user-menu-item.danger:hover{background:#ef44441a;color:#ef4444;color:var(--accent-red)}.user-menu-divider{background:#2a2a2a;background:var(--border-primary);height:1px;margin:8px 0;margin:var(--spacing-sm) 0}.chat-list{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-list-search{padding:16px;padding:var(--spacing-md)}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper .search-icon{color:#555;color:var(--text-muted);left:12px;pointer-events:none;position:absolute}.search-input-wrapper input{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--radius-md);font-size:13px;padding:10px 16px 10px 40px;width:100%}.search-input-wrapper input:focus{border-color:#444;border-color:var(--border-focus)}.search-input-wrapper input::placeholder{color:#555;color:var(--text-muted)}.chat-list-filters{display:flex;gap:8px;gap:var(--spacing-sm);padding:0 16px 16px;padding:0 var(--spacing-md) var(--spacing-md)}.filter-btn{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:9999px;border-radius:var(--radius-full);color:#a0a0a0;color:var(--text-secondary);font-size:12px;font-weight:500;padding:6px 12px;transition:all .15s ease;transition:all var(--transition-fast)}.filter-btn:hover{border-color:#444;border-color:var(--border-focus)}.filter-btn.active{background:#fff;background:var(--text-primary);border-color:#fff;border-color:var(--text-primary);color:#0a0a0a;color:var(--bg-primary)}.chat-list-items{flex:1 1;overflow-y:auto;padding:0 8px;padding:0 var(--spacing-sm)}.chat-list-empty{align-items:center;color:#666;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--spacing-2xl);text-align:center}.chat-list-empty svg{margin-bottom:16px;margin-bottom:var(--spacing-md);opacity:.5}.chat-list-empty p{font-size:14px}.chat-item{align-items:center;border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:4px;margin-bottom:var(--spacing-xs);padding:16px;padding:var(--spacing-md);transition:background .15s ease;transition:background var(--transition-fast)}.chat-item:hover{background:#2a2a2a;background:var(--bg-hover)}.chat-item.active{background:#1a1a1a;background:var(--bg-tertiary)}.chat-avatar{flex-shrink:0}.chat-avatar-img{object-fit:cover}.chat-avatar-img,.chat-avatar-placeholder{border-radius:9999px;border-radius:var(--radius-full);height:48px;width:48px}.chat-avatar-placeholder{align-items:center;background:#1a1a1a;background:var(--bg-tertiary);color:#555;color:var(--text-muted);display:flex;justify-content:center}.chat-info{flex:1 1;min-width:0}.chat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.chat-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{color:#666;color:var(--text-tertiary);flex-shrink:0;font-size:11px}.chat-preview{color:#a0a0a0;color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-badge{background:#22c55e;background:var(--accent-green);border-radius:9999px;border-radius:var(--radius-full);color:#0a0a0a;color:var(--bg-primary);flex-shrink:0;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.chat-badge,.skeleton-chat{align-items:center;display:flex}.skeleton-chat{gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.skeleton-avatar{animation:pulse 1.5s ease-in-out infinite;background:#1a1a1a;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);height:48px;width:48px}.skeleton-content{flex:1 1}.skeleton-line{animation:pulse 1.5s ease-in-out infinite;background:#1a1a1a;background:var(--bg-tertiary);border-radius:4px;border-radius:var(--radius-sm);height:12px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.skeleton-line.short{width:60%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-window{display:flex;flex:1 1;flex-direction:column;height:100%}.chat-window-empty{align-items:center;display:flex;flex:1 1;justify-content:center}.empty-content{color:#666;color:var(--text-tertiary);text-align:center}.empty-icon{margin-bottom:24px;margin-bottom:var(--spacing-lg);opacity:.3}.empty-content h3{color:#a0a0a0;color:var(--text-secondary);font-size:24px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.empty-content p{font-size:14px}.chat-window-header{align-items:center;background:#111;background:var(--bg-secondary);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;min-height:64px;min-height:var(--header-height);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.header-info{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.header-avatar .avatar-img{object-fit:cover}.header-avatar .avatar-img,.header-avatar .avatar-placeholder{border-radius:9999px;border-radius:var(--radius-full);height:40px;width:40px}.header-avatar .avatar-placeholder{align-items:center;background:#1a1a1a;background:var(--bg-tertiary);color:#555;color:var(--text-muted);display:flex;justify-content:center}.header-details{display:flex;flex-direction:column}.header-name{font-size:15px;font-weight:500}.header-status{color:#666;color:var(--text-tertiary);font-size:12px}.header-actions{display:flex;gap:8px;gap:var(--spacing-sm)}.header-action-btn{border-radius:8px;border-radius:var(--radius-md);color:#a0a0a0;color:var(--text-secondary);padding:8px;padding:var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast)}.header-action-btn:hover{background:#2a2a2a;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.chat-window-messages{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px;padding:var(--spacing-lg)}.messages-empty,.messages-loading{align-items:center;color:#666;color:var(--text-tertiary);display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--spacing-sm);justify-content:center}.messages-empty p{font-size:14px;font-weight:500}.messages-empty span{font-size:13px}.message-group{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.message-date-divider{align-items:center;display:flex;justify-content:center;margin:24px 0;margin:var(--spacing-lg) 0}.message-date-divider span{background:#1a1a1a;background:var(--bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);color:#a0a0a0;color:var(--text-secondary);font-size:12px;padding:6px 16px}.message{display:flex;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{border-radius:12px;border-radius:var(--radius-lg);max-width:65%;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative}.message.sent .message-content{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--border-primary)}.message.received .message-content{background:#111;background:var(--bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--border-primary)}.message-text{word-wrap:break-word;font-size:14px;line-height:1.5;white-space:pre-wrap}.message-meta{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.message-time{font-size:11px}.message-meta svg,.message-time{color:#555;color:var(--text-muted)}.message-meta .text-blue{color:#3b82f6;color:var(--accent-blue)}.message-media{color:#666;color:var(--text-tertiary);height:150px;justify-content:center;width:200px}.message-document,.message-media{align-items:center;background:#2a2a2a;background:var(--bg-hover);border-radius:8px;border-radius:var(--radius-md);display:flex;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.message-document{gap:8px;gap:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.message-document span,.message-document svg{color:#a0a0a0;color:var(--text-secondary)}.message-document span{font-size:13px}.scroll-bottom-btn{align-items:center;background:#222;background:var(--bg-elevated);border:1px solid #333;border:1px solid var(--border-secondary);border-radius:9999px;border-radius:var(--radius-full);bottom:100px;box-shadow:0 4px 6px #0006;box-shadow:var(--shadow-md);color:#a0a0a0;color:var(--text-secondary);display:flex;height:40px;justify-content:center;position:absolute;right:24px;right:var(--spacing-lg);transition:all .15s ease;transition:all var(--transition-fast);width:40px;z-index:10}.scroll-bottom-btn:hover{background:#2a2a2a;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.chat-window-input{background:#111;background:var(--bg-secondary);border-top:1px solid #2a2a2a;border-top:1px solid var(--border-primary);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.input-form{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.input-action-btn{border-radius:8px;border-radius:var(--radius-md);color:#a0a0a0;color:var(--text-secondary);padding:8px;padding:var(--spacing-sm);transition:all .15s ease;transition:all var(--transition-fast)}.input-action-btn:hover{background:#2a2a2a;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.message-input-wrapper{flex:1 1}.message-input-wrapper textarea{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:12px;border-radius:var(--radius-lg);font-size:14px;max-height:120px;padding:12px 16px;resize:none;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.message-input-wrapper textarea:focus{border-color:#444;border-color:var(--border-focus)}.message-input-wrapper textarea::placeholder{color:#555;color:var(--text-muted)}.send-btn{align-items:center;background:#fff;background:var(--text-primary);border-radius:8px;border-radius:var(--radius-md);color:#0a0a0a;color:var(--bg-primary);display:flex;height:44px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:44px}.send-btn:hover:not(:disabled){background:#a0a0a0;background:var(--text-secondary)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;padding:24px;padding:var(--spacing-lg);position:fixed;z-index:1000}.modal-container{background:#111;background:var(--bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:16px;border-radius:var(--radius-xl);max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:100%}.modal-close{border-radius:8px;border-radius:var(--radius-md);color:#a0a0a0;color:var(--text-secondary);padding:8px;padding:var(--spacing-sm);position:absolute;right:16px;right:var(--spacing-md);top:16px;top:var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);z-index:10}.modal-close:hover{background:#2a2a2a;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.connection-modal-content{padding:32px;padding:var(--spacing-xl)}.connection-header{margin-bottom:32px;margin-bottom:var(--spacing-xl);text-align:center}.connection-header svg{color:#a0a0a0;color:var(--text-secondary);margin-bottom:16px;margin-bottom:var(--spacing-md)}.connection-header h3{font-size:20px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.connection-header p{color:#a0a0a0;color:var(--text-secondary);font-size:14px}.qr-container{align-items:center;display:flex;justify-content:center;margin-bottom:32px;margin-bottom:var(--spacing-xl);min-height:280px}.qr-code img{background:#fff;border-radius:12px;border-radius:var(--radius-lg);height:256px;padding:16px;padding:var(--spacing-md);width:256px}.qr-error,.qr-loading{align-items:center;color:#a0a0a0;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);text-align:center}.qr-error{color:#ef4444;color:var(--accent-red)}.connection-steps{background:#1a1a1a;background:var(--bg-tertiary);border-radius:12px;border-radius:var(--radius-lg);flex-direction:column;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.connection-steps,.step{display:flex;gap:16px;gap:var(--spacing-md)}.step{align-items:center;color:#a0a0a0;color:var(--text-secondary);font-size:13px}.step-number{align-items:center;background:#2a2a2a;background:var(--bg-hover);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--text-primary);flex-shrink:0;font-size:12px;font-weight:600;height:24px;width:24px}.connection-footer,.step-number{display:flex;justify-content:center}.connection-success{padding:32px 0;padding:var(--spacing-xl) 0;text-align:center}.success-icon{color:#22c55e;color:var(--accent-green);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.connection-success h3{font-size:20px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.connection-success p{color:#a0a0a0;color:var(--text-secondary)}.disconnection-banner{align-items:center;background:#222;background:var(--bg-elevated);border:1px solid #ef44444d;border-radius:9999px;border-radius:var(--radius-full);bottom:24px;bottom:var(--spacing-lg);box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg);display:flex;gap:16px;gap:var(--spacing-md);left:50%;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:fixed;transform:translateX(-50%);z-index:100}.disconnection-banner svg{color:#ef4444;color:var(--accent-red)}.disconnection-banner span{color:#a0a0a0;color:var(--text-secondary);font-size:13px}.disconnection-banner button{background:#ef4444;background:var(--accent-red);border-radius:8px;border-radius:var(--radius-md);color:#fff;font-size:12px;font-weight:500;padding:6px 12px;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.disconnection-banner button:hover{opacity:.9}.mobile-header{align-items:center;background:#111;background:var(--bg-secondary);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-primary);display:none;justify-content:space-between;padding:16px;padding:var(--spacing-md)}.mobile-menu-btn{color:#a0a0a0;color:var(--text-secondary);padding:8px;padding:var(--spacing-sm)}.mobile-title{font-size:16px;font-weight:500}@media (max-width:768px){.inbox-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;transition:transform var(--transition-normal);z-index:200}.inbox-sidebar.show{transform:translateX(0)}.inbox-sidebar.hide{transform:translateX(-100%)}.mobile-header{display:flex}.message-content{max-width:85%}.disconnection-banner{left:16px;left:var(--spacing-md);right:16px;right:var(--spacing-md);transform:none}}
/*# sourceMappingURL=main.b6c9ab1d.css.map*/