*{margin:0;padding:0}body{height:100vh;overflow:hidden}:root{--bg-primary:#fff;--bg-secondary:#f3f3f3;--bg-tertiary:#f3f3f3;--accent-primary:#0d0d0d;--accent-secondary:#1f1f1f;--accent-glow:#0d0d0d1a;--accent-bright:#333;--text-primary:#0d0d0d;--text-secondary:#1f1f1f;--text-tertiary:#333;--text-muted:#666;--surface-primary:#fff;--surface-secondary:#f3f3f3;--surface-elevated:#fff;--surface-tertiary:#f3f3f3;--border-primary:#f3f3f3;--border-secondary:#e5e5e5;--border-muted:#f3f3f3;--interactive-hover:#f3f3f3;--interactive-active:#e5e5e5;--interactive-focus:#0d0d0d1a;--success:#0d0d0d;--error:#0d0d0d;--warning:#0d0d0d;--info:#0d0d0d;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-glow:0 0 0 3px #0d0d0d1a;--gradient-cosmic:linear-gradient(180deg,#fff,#f3f3f3);--gradient-accent:linear-gradient(135deg,#0d0d0d,#1f1f1f);--gradient-sidebar:linear-gradient(180deg,#fff,#f3f3f3);--button-primary-bg:#0d0d0d;--button-primary-text:#fff;--button-primary-hover-bg:#1f1f1f;--button-secondary-bg:#0d0d0d;--button-secondary-text:#fff;--button-secondary-hover-bg:#1f1f1f;--button-tertiary-bg:#f3f3f3;--button-tertiary-text:#0d0d0d;--button-tertiary-hover-bg:#e5e5e5;--sidebar-bg:#fff;--sidebar-icon-active-bg:#f3f3f3;--sidebar-icon-color:#0d0d0d;--topbar-bg:#fff;--topbar-border:#e5e5e5;--search-bg:#f3f3f3;--search-border:#e5e5e5;--search-text:#0d0d0d;--search-placeholder:#666;--email-item-hover-bg:#f3f3f3;--email-item-border:#e5e5e5;--email-selected-bg:#f3f3f3;--email-selected-border:#0d0d0d;--email-unread-indicator:#0d0d0d;--modal-overlay-bg:#00000080;--modal-bg:#fff;--modal-border:#e5e5e5;--modal-shadow:var(--shadow-lg);--scrollbar-track:#f3f3f3;--scrollbar-thumb:#999;--scrollbar-thumb-hover:#666}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-primary);color:#0d0d0d;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;transition:none}#root,.app{height:100vh;width:100vw}.app{display:flex;overflow:hidden;position:relative}@media (max-width:768px){.app{flex-direction:column}}.sidebar{background:var(--gradient-sidebar);border-right:1px solid var(--border-primary);box-sizing:border-box;min-height:100vh;padding:20px 0;position:relative;width:60px}.sidebar,.sidebar-icon-wrapper{align-items:center;display:flex;flex-direction:column;gap:24px}.sidebar-icon-wrapper{justify-content:flex-start;margin-bottom:20px;margin-top:20px;padding:0;width:100%}.sidebar-icon{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin:0 auto;padding:0!important;transition:transform .2s ease;width:40px}.sidebar-icon:hover{transform:scale(1.1)}.sidebar-icon.active{background-color:#f3f3f3;border-radius:8px}.sidebar-icon.active .icon-wrapper{box-shadow:0 0 0 2px #0d0d0d33}.icon-wrapper{align-items:center;background:var(--surface-elevated);box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;margin:0!important;overflow:hidden;padding:0!important;position:relative;width:40px}.icon-wrapper-circle{border-radius:50%}.icon-wrapper-square{border-radius:8px}.icon-wrapper-transparent{background:#0000;box-shadow:none}.profile-icon{align-items:center;align-self:center;display:flex;height:40px;justify-content:center;margin-top:auto;width:40px}.profile-icon svg{stroke:#1f2937}.logout-menu{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:8px;bottom:60px;box-shadow:var(--shadow-md);left:0;min-width:120px;padding:8px;position:absolute;z-index:1000}.logout-button{background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px;text-align:left;transition:background-color .2s ease;width:100%}.logout-button:hover{background-color:var(--interactive-hover)}.apple-mail-icon,.gmail-icon,.outlook-icon{margin-right:26px}.icon-wrapper img,.icon-wrapper svg{display:block;height:24px!important;margin:0 auto!important;object-fit:contain;padding:0!important;width:24px!important}.apple-mail-icon .icon-wrapper,.gmail-icon .icon-wrapper,.outlook-icon .icon-wrapper{align-items:center!important;display:flex!important;justify-content:center!important;margin:0!important;padding:0!important}.apple-mail-icon img,.apple-mail-icon svg,.gmail-icon img,.gmail-icon svg,.outlook-icon img,.outlook-icon svg{margin:0!important;padding:0!important;transform:none!important}@media (max-width:768px){.sidebar{background:var(--gradient-sidebar);border-bottom:1px solid var(--border-primary);border-right:none;flex-direction:row;height:auto;min-height:auto;padding:8px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.sidebar-icon-wrapper{flex:1 1;flex-direction:row;gap:12px;justify-content:center;margin-bottom:0;margin-top:0}.icon-wrapper,.sidebar-icon{height:36px;width:36px}.icon-wrapper img,.icon-wrapper svg{height:20px!important;width:20px!important}.profile-icon{margin-left:auto;margin-top:0}.logout-menu{bottom:auto;left:auto;right:0;top:50px}}@media (max-width:480px){.sidebar{padding:6px}.sidebar-icon-wrapper{gap:8px}.icon-wrapper,.sidebar-icon{height:32px;width:32px}.icon-wrapper img,.icon-wrapper svg{height:18px!important;width:18px!important}}.maili-logo{display:block;height:60px;margin-top:-25px;object-fit:contain;width:55px}.apple-mail-icon,.gmail-icon,.outlook-icon{display:block;height:24px;object-fit:contain;width:24px}.settings-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.settings-modal{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-lg);max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.settings-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:24px}.settings-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.settings-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease;width:32px}.settings-close:hover{background:var(--interactive-hover);color:var(--text-primary)}.settings-content{padding:24px}.settings-section{margin-bottom:32px}.settings-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px}.settings-item{display:flex;flex-direction:column;gap:12px}.settings-item-label{display:flex;flex-direction:column;gap:4px}.settings-item-label span:first-child{color:var(--text-primary);font-size:16px;font-weight:500}.settings-item-description{color:var(--text-secondary);font-size:14px}.theme-toggle-container{display:flex;gap:12px}.theme-toggle{align-items:center;background:var(--surface-secondary);border:2px solid var(--border-secondary);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px;transition:all .2s ease}.theme-toggle:hover{background:var(--interactive-hover);border-color:var(--accent-primary)}.theme-toggle.active{background:var(--accent-glow);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.theme-icon{font-size:32px}.notification-toggle-button,.theme-toggle span:last-child{font-size:14px;font-weight:500}.notification-toggle-button{background:var(--button-secondary-bg);border:none;border-radius:8px;box-shadow:var(--shadow-sm);color:var(--button-secondary-text);cursor:pointer;max-width:300px;padding:12px 24px;transition:background-color .2s ease,box-shadow .2s ease;width:100%}.notification-toggle-button:hover{background:var(--button-secondary-hover-bg);box-shadow:var(--shadow-md)}.notification-toggle-button.enabled{background:#0d0d0d;color:#fff}.notification-toggle-button.enabled:hover{background:#1f1f1f;opacity:.9}.payment-toggle-button{background:#0d0d0d;border:none;border-radius:8px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:500;max-width:300px;padding:12px 24px;transition:background-color .2s ease,box-shadow .2s ease;width:100%}.payment-toggle-button:hover{background:#1f1f1f;box-shadow:var(--shadow-md)}.payment-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.payment-modal{background:#fff;border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.payment-header{align-items:center;border-bottom:1px solid #f3f3f3;display:flex;justify-content:space-between;padding:24px}.payment-header h2{color:#0d0d0d;font-size:24px;font-weight:600;margin:0}.payment-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease;width:32px}.payment-close:hover{background:#f3f3f3;color:#0d0d0d}.payment-content{padding:24px}.payment-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.payment-spinner{animation:spin .8s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#0d0d0d;height:32px;width:32px}.payment-loading p{color:#666;font-size:14px;margin:0}.subscription-active{display:flex;flex-direction:column;gap:20px}.subscription-status-card{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:12px;padding:24px}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:16px;padding:4px 12px}.status-badge.active{background:#0d0d0d;color:#fff}.subscription-status-card h3{color:#0d0d0d;font-size:20px;font-weight:600;margin:0 0 16px}.subscription-details{margin-bottom:20px}.subscription-details p{color:#666;font-size:14px;margin:8px 0}.subscription-details strong{color:#0d0d0d}.cancel-subscription-btn{background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#0d0d0d;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-subscription-btn:hover:not(:disabled){background:#f3f3f3;border-color:#0d0d0d}.cancel-subscription-btn:disabled{cursor:not-allowed;opacity:.6}.subscription-plans h3{color:#0d0d0d;font-size:20px;font-weight:600;margin:0 0 8px}.plans-description{color:#666;font-size:14px;line-height:1.6;margin-bottom:24px}.no-prices{padding:40px 20px;text-align:center}.no-prices p{color:#666;font-size:14px;margin:8px 0}.help-text{color:#999;font-size:12px}.pricing-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pricing-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .2s ease}.pricing-card:hover{border-color:#0d0d0d;box-shadow:0 4px 12px #0000001a}.pricing-card.premium{border:2px solid #0d0d0d;box-shadow:0 4px 16px #0d0d0d1a}.pricing-card.freemium{opacity:.9}.pricing-badge{background:#f3f3f3;border-radius:12px;color:#666;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:16px;top:16px}.pricing-badge.premium-badge{background:#0d0d0d;color:#fff}.savings-badge{background:#10b981;border-radius:12px;color:#fff;font-size:11px;font-weight:600;left:16px;padding:4px 12px;position:absolute;top:16px;z-index:1}.current-plan-badge{background:#f3f3f3;border-radius:8px;color:#666;font-size:12px;font-weight:500;margin-top:auto;padding:8px 16px;text-align:center}.pricing-header{margin-bottom:20px}.pricing-header h4{color:#0d0d0d;font-size:18px;font-weight:600;margin:0 0 12px}.pricing-amount{align-items:baseline;display:flex;gap:4px}.currency{color:#0d0d0d;font-size:32px;font-weight:700}.interval{color:#666;font-size:16px}.pricing-features{flex:1 1;list-style:none;margin:0 0 24px;padding:0}.pricing-features li{color:#666;font-size:14px;margin:8px 0;padding-left:0}.pricing-features li.feature-premium{color:#0d0d0d;font-weight:500}.pricing-features li.feature-limited{color:#999;text-decoration:line-through}.no-price-message{background:#f8f8f8;border-radius:8px;margin-top:auto;padding:16px;text-align:center}.no-price-message p{color:#666;font-size:14px;margin:4px 0}.no-price-message .help-text{color:#999;font-size:12px}.subscribe-btn{background:#0d0d0d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease;width:100%}.subscribe-btn:hover:not(:disabled){background:#1f1f1f}.subscribe-btn:disabled{cursor:not-allowed;opacity:.6}.payment-modal::-webkit-scrollbar{width:8px}.payment-modal::-webkit-scrollbar-track{background:#f3f3f3}.payment-modal::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.payment-modal::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:600px){.pricing-cards{grid-template-columns:1fr}.payment-modal{border-radius:12px;max-width:100%}}.maili-icon{display:block;height:110px;object-fit:contain;width:140px}.main-layout{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.main-layout>*{min-height:0}@media (max-width:768px){.main-layout{width:100%}}.top-bar{align-items:center;background:var(--surface-primary);border-bottom:1px solid var(--border-secondary);display:flex;height:64px;justify-content:space-between;padding:0 20px}.top-bar-left{gap:16px}.search-container,.top-bar-left{align-items:center;display:flex;flex:1 1}.search-container{background:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:20px;gap:8px;max-width:700px;padding:4px 4px 4px 12px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.search-container:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.search-tags{align-items:center;display:flex;flex-shrink:0;gap:4px}.search-tag{background:var(--bg-tertiary);border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.search-tag:hover{background:var(--surface-tertiary);color:var(--text-primary)}.search-tag.active{background:var(--accent-primary);box-shadow:var(--shadow-sm);color:var(--button-primary-text)}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;height:32px;min-width:0;outline:none;padding:0 32px 0 8px}.search-clear,.search-input::placeholder{color:var(--text-muted)}.search-clear{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:36px;top:50%;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease;z-index:10}.search-clear:hover{background:var(--surface-tertiary);color:var(--text-primary)}.search-icon{justify-content:center;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-icon,.top-bar-right{align-items:center;display:flex}.top-bar-right{gap:16px}.notification-bell{border-radius:50%;cursor:pointer;padding:8px;position:relative;transition:background-color .2s ease}.notification-bell:hover{background-color:var(--interactive-hover)}.notification-badge{align-items:center;background:var(--error);border:2px solid var(--surface-primary);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:4px;top:4px;width:18px}.mobile-menu-btn{background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:none;margin-right:8px;padding:8px;transition:background-color .2s ease}.mobile-menu-btn:hover{background-color:var(--interactive-hover)}@media (max-width:1024px){.top-bar{padding:0 16px}.search-container{max-width:500px}}@media (max-width:768px){.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.top-bar{flex-wrap:wrap;gap:12px;height:auto;min-height:64px;padding:12px 16px}.top-bar-left{order:1;width:100%}.top-bar-right{justify-content:flex-end;order:2;width:100%}.search-container{max-width:100%;padding:4px 4px 4px 8px}.search-tags{gap:2px}.search-tag{font-size:11px;padding:3px 8px}.search-input{font-size:14px;padding:0 28px 0 4px}.search-clear{right:32px}.search-icon{right:8px}}@media (max-width:480px){.top-bar{padding:8px 12px}.search-container{padding:3px 3px 3px 6px}.search-tag{font-size:10px;padding:2px 6px}.search-input{font-size:13px;padding:0 24px 0 4px}.notification-bell{padding:6px}.notification-bell svg{height:20px;width:20px}}.notification-dropdown{animation:slideDown .2s ease;background:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:600px;max-width:calc(100vw - 32px);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:400px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{align-items:center;background:var(--surface-secondary);border-bottom:1px solid var(--border-secondary);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.notification-dropdown-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.notification-header-actions{align-items:center;display:flex;gap:8px}.mark-all-read-btn{background:var(--surface-tertiary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.mark-all-read-btn:hover{background:var(--interactive-hover);border-color:var(--border-primary)}.notification-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.notification-close-btn:hover{background-color:var(--interactive-hover)}.notification-list{flex:1 1;overflow-y:auto;padding:8px}.notification-empty{color:var(--text-secondary);font-size:14px;padding:40px 20px;text-align:center}.notification-item{border-radius:8px;cursor:pointer;margin-bottom:4px;padding:12px;transition:background-color .2s ease}.notification-item:hover{background-color:var(--interactive-hover)}.notification-item-content{display:flex;flex-direction:column;gap:4px}.notification-item-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.notification-sender{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{color:var(--text-secondary);flex-shrink:0;font-size:12px}.notification-subject{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:var(--surface-secondary)}.notification-list::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.notification-dropdown{max-height:500px;width:calc(100vw - 32px)}.notification-dropdown-header{padding:12px 16px}.notification-dropdown-header h3{font-size:14px}.mark-all-read-btn{font-size:11px;padding:4px 8px}}.content-panels,.right-panel{display:flex;flex:1 1;overflow:hidden}.right-panel{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-md);flex-direction:column;height:100%;margin:8px;min-height:0}@media (max-width:768px){.content-panels{flex-direction:column}.right-panel{border-radius:4px;border-width:1px;margin:4px}}@media (max-width:480px){.right-panel{border:none;border-radius:0;border-top:1px solid var(--border-primary);margin:0}}.email-list-container{overflow:hidden}.email-list,.email-list-container{display:flex;flex:1 1;flex-direction:column;min-height:0}.email-list{background:var(--surface-primary);border-bottom:1px solid var(--border-secondary);overflow-y:auto}.email-item{align-items:flex-start;border-bottom:1px solid var(--border-muted);cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .2s ease}.email-item:last-child{border-bottom:none}.email-item:hover{background-color:var(--interactive-hover)}.email-item.selected{background-color:var(--interactive-active);border-left:3px solid var(--accent-primary)}.email-item-spam{background-color:#fef2f2;opacity:.7}.email-item-spam:hover{background-color:#fee2e2}.email-item-star{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:12px;margin-top:2px;width:24px}.email-item-content{flex:1 1;min-width:0}.email-item-header{justify-content:space-between;margin-bottom:4px}.email-item-header,.email-sender-row{align-items:center;display:flex;gap:8px}.email-sender-row{flex:1 1;min-width:0}.email-sender{color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spam-indicator{align-items:center;background:#fee2e2;border-radius:4px;color:#dc2626;display:flex;flex-shrink:0;font-size:11px;font-weight:500;gap:4px;padding:2px 6px}.email-date{color:var(--text-secondary);flex-shrink:0;font-size:12px}.email-header-right{flex-shrink:0}.email-header-right,.email-subject-row{align-items:center;display:flex;gap:8px}.email-subject-row{margin-bottom:4px;min-width:0}.email-subject{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;min-width:0}.email-snippet,.email-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-snippet{color:var(--text-secondary);font-size:13px}.email-summarize-btn{background:var(--bg-tertiary);border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.email-summarize-btn:hover{background:#fff;color:var(--text-primary)}.email-summarize-btn:active{transform:scale(.95)}.email-list-empty,.email-list-error,.email-list-loading{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;font-size:14px;justify-content:center;min-height:0;padding:40px 20px}.email-list-error{color:var(--error)}.email-list-pagination{align-items:center;background:var(--surface-primary);border-top:1px solid var(--border-secondary);display:flex;flex-shrink:0;justify-content:center;padding:16px;transform:translateY(-10px)}.load-more-btn{align-items:center;background:#0d0d0d;border:none;border-radius:8px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease}.load-more-btn:hover:not(:disabled){background:#1f1f1f;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.spam-feedback-buttons{display:flex;flex-shrink:0;gap:4px;margin-left:auto}.spam-feedback-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.spam-feedback-btn:hover{background:var(--interactive-hover)}.spam-btn:hover{border-color:#dc2626;color:#dc2626}.not-spam-btn:hover{border-color:#16a34a;color:#16a34a}@media (max-width:1024px){.email-item{padding:10px 12px}.email-sender,.email-subject{font-size:13px}.email-snippet{font-size:12px}}@media (max-width:768px){.email-item{flex-wrap:wrap;padding:10px 12px}.email-item-header{flex-wrap:wrap;gap:6px}.email-header-right{justify-content:space-between;margin-top:4px;width:100%}.email-summarize-btn{font-size:11px;padding:3px 8px}.email-date{font-size:11px}.email-sender,.email-subject{font-size:13px}.email-snippet{font-size:12px}.spam-feedback-buttons{margin-left:0;margin-top:4px}.email-list-pagination{padding:12px}.load-more-btn{font-size:13px;padding:8px 20px}}@media (max-width:480px){.email-item{padding:8px 10px}.email-item-star{height:20px;margin-right:8px;width:20px}.email-sender,.email-subject{font-size:12px}.email-snippet{font-size:11px}.email-date{font-size:10px}.email-summarize-btn{font-size:10px;padding:2px 6px}.spam-indicator{font-size:10px;padding:1px 4px}.spam-feedback-btn{height:20px;width:20px}}.summary-window-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.summary-window{animation:slideUp .3s ease;background:#fff;border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.summary-window-header{align-items:center;background:#fff;border-bottom:1px solid #f3f3f3;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.summary-window-title{align-items:center;color:#0d0d0d;display:flex;font-size:16px;font-weight:600}.summary-window-actions{align-items:center;display:flex;gap:8px}.summary-close-btn,.summary-speech-btn{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.summary-close-btn:hover,.summary-speech-btn:hover{background:#f3f3f3;color:#0d0d0d}.summary-close-btn:active,.summary-speech-btn:active{transform:scale(.95)}.summary-speech-btn.playing{animation:pulse 1.5s ease-in-out infinite;color:#0d0d0d}.summary-speech-btn.paused{color:#666}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.summary-window-content{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.summary-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.summary-spinner{animation:spin .8s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#0d0d0d;height:32px;width:32px}.summary-loading p{color:#666;font-size:14px;margin:0}.summary-error{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px;text-align:center}.summary-error p{color:#0d0d0d;font-size:14px;margin:0}.summary-retry-btn{background:#0d0d0d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.summary-retry-btn:hover{background:#1f1f1f}.summary-text{line-height:1.6}.summary-text p{word-wrap:break-word;color:#0d0d0d;font-size:15px;margin:0;white-space:pre-wrap}.summary-empty{align-items:center;display:flex;justify-content:center;padding:40px 20px}.summary-empty p{color:#666;font-size:14px;margin:0}.summary-window-footer{background:#f8f8f8;border-top:1px solid #f3f3f3;flex-shrink:0;padding:12px 20px}.summary-metadata{display:flex;flex-direction:column;gap:4px}.summary-from,.summary-subject{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-subject{font-weight:500}.summary-window-content::-webkit-scrollbar{width:6px}.summary-window-content::-webkit-scrollbar-track{background:#f3f3f3}.summary-window-content::-webkit-scrollbar-thumb{background:#999;border-radius:3px}.summary-window-content::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:600px){.summary-window{border-radius:12px;max-height:90vh;max-width:100%}.summary-window-header{padding:12px 16px}.summary-window-content{padding:16px}}.upgrade-prompt-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.upgrade-prompt{animation:slideUp .3s ease;background:#fff;border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}.upgrade-prompt-header{align-items:center;border-bottom:1px solid #f3f3f3;display:flex;flex-direction:column;padding:24px;position:relative}.upgrade-icon{color:#0d0d0d;margin-bottom:12px}.upgrade-prompt-header h2{color:#0d0d0d;font-size:24px;font-weight:600;margin:0}.upgrade-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:background-color .2s ease,color .2s ease;width:32px}.upgrade-close:hover{background:#f3f3f3;color:#0d0d0d}.upgrade-prompt-content{padding:24px}.upgrade-prompt-content h3{color:#0d0d0d;font-size:20px;font-weight:600;margin:0 0 8px}.upgrade-prompt-content>p{color:#666;font-size:14px;line-height:1.6;margin:0 0 24px}.upgrade-benefits{background:#f8f8f8;border-radius:12px;margin-bottom:24px;padding:20px}.upgrade-benefits h4{color:#0d0d0d;font-size:16px;font-weight:600;margin:0 0 12px}.upgrade-benefits ul{list-style:none;margin:0;padding:0}.upgrade-benefits li{color:#666;font-size:14px;margin:8px 0;padding-left:0}.upgrade-actions{display:flex;gap:12px}.upgrade-btn{background:#0d0d0d;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.upgrade-btn:hover{background:#1f1f1f}.upgrade-cancel{background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#0d0d0d;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.upgrade-cancel:hover{background:#f3f3f3;border-color:#0d0d0d}.email-detail-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.email-detail-modal{animation:slideUp .3s ease;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;overflow-x:auto;width:100%}.email-detail-header{border-bottom:1px solid var(--border-secondary);flex-shrink:0;padding:24px}.email-detail-header-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.email-detail-subject{color:var(--text-primary);flex:1 1;font-size:20px;font-weight:600;margin:0;padding-right:16px}.email-detail-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:background-color .2s ease}.email-detail-close:hover{background-color:var(--interactive-hover)}.email-detail-meta{display:flex;flex-direction:column;font-size:14px;gap:8px;margin-bottom:16px}.email-detail-cc,.email-detail-date,.email-detail-from,.email-detail-to{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.email-detail-label{color:var(--text-secondary);font-weight:600;min-width:50px}.email-detail-value{color:var(--text-primary)}.email-detail-email{color:var(--text-secondary);font-size:13px}.email-detail-actions{display:flex;gap:8px}.email-detail-action-btn{align-items:center;background:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.email-detail-action-btn:hover{background:var(--interactive-hover);border-color:var(--border-primary)}.reply-btn{background:#0d0d0d;border-color:var(--accent-primary);box-shadow:var(--shadow-sm);color:#fff}.reply-btn:hover{background:#1f1f1f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.reply-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.delete-btn{background:#dc2626;border-color:#dc2626;box-shadow:var(--shadow-sm);color:#fff}.delete-btn:hover:not(:disabled){background:#b91c1c;box-shadow:var(--shadow-md);transform:translateY(-1px)}.delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner-small{animation:spin .8s linear infinite}.email-detail-body{background:var(--surface-secondary);flex:1 1;overflow-y:auto;padding:24px}.email-detail-content{background:var(--surface-primary);border:1px solid var(--border-muted);border-radius:8px;color:var(--text-primary);font-size:14px;line-height:1.6;padding:24px}.email-detail-content p{margin:0 0 12px}.email-detail-content p:last-child{margin-bottom:0}.email-detail-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:40px;transition:color .3s ease}.email-detail-loading .spinner{animation:spin .8s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:32px;margin-bottom:16px;width:32px}.email-detail-loading p{font-size:14px;margin:0}.email-detail-body::-webkit-scrollbar{width:8px}.email-detail-body::-webkit-scrollbar-track{background:var(--surface-secondary)}.email-detail-body::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.email-detail-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.email-detail-overlay{align-items:flex-start;padding:0}.email-detail-modal{animation:slideUpMobile .3s ease;border-radius:0;height:100vh;max-height:100vh;max-width:100%}.email-detail-header{padding:16px}.email-detail-subject{font-size:18px}.email-detail-meta{font-size:13px}.email-detail-actions{flex-wrap:wrap;gap:6px}.email-detail-action-btn{font-size:13px;padding:6px 12px}.email-detail-body{padding:16px}.email-detail-content{font-size:13px;padding:16px}}@media (max-width:480px){.email-detail-header{padding:12px}.email-detail-subject{font-size:16px;padding-right:8px}.email-detail-meta{font-size:12px;gap:6px}.email-detail-label{font-size:12px;min-width:40px}.email-detail-action-btn{font-size:12px;gap:4px;padding:6px 10px}.email-detail-body{padding:12px}.email-detail-content{font-size:12px;padding:12px}}.reply-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.reply-modal{animation:slideUp .3s ease;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.reply-modal-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.reply-modal-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.reply-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.reply-modal-close:hover{background-color:var(--interactive-hover)}.reply-modal-form{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.reply-form-group{display:flex;flex-direction:column;gap:8px}.reply-form-group-header{align-items:center;display:flex;justify-content:space-between}.reply-form-actions{align-items:center;display:flex;gap:8px}.reply-form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.reply-form-group input,.reply-form-group textarea{background:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.reply-form-group input:focus,.reply-form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.reply-form-group textarea{font-family:inherit;line-height:1.5;min-height:200px}.generate-reply-btn{align-items:center;background:#0d0d0d;border:none;border-radius:6px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.generate-reply-btn:hover:not(:disabled){background:#1f1f1f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.generate-reply-btn:disabled{cursor:not-allowed;opacity:.7}.generate-reply-btn svg{height:16px;width:16px}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff}.insert-original-btn{background:none;border:none;border-radius:4px;color:var(--accent-primary);cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;transition:background-color .2s ease}.insert-original-btn:hover{background-color:var(--interactive-hover)}.reply-error-message{background:#ff44441a;border:1px solid var(--error);border-radius:8px;color:var(--error);font-size:14px;padding:12px 16px}.reply-modal-actions{border-top:1px solid var(--border-secondary);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding-top:8px}.reply-cancel-btn,.reply-send-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.reply-cancel-btn{background:var(--surface-secondary);border:1px solid var(--border-secondary);color:var(--text-primary)}.reply-cancel-btn:hover:not(:disabled){background:var(--interactive-hover);border-color:var(--border-primary)}.reply-send-btn{background:#0d0d0d;box-shadow:var(--shadow-sm);color:#fff}.reply-send-btn:hover:not(:disabled){background:#1f1f1f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.reply-cancel-btn:disabled,.reply-send-btn:disabled{cursor:not-allowed;opacity:.6}.reply-modal-form::-webkit-scrollbar{width:8px}.reply-modal-form::-webkit-scrollbar-track{background:var(--surface-secondary)}.reply-modal-form::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.reply-modal-form::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.reply-modal-overlay{align-items:flex-start;padding:0}.reply-modal{animation:slideUpMobile .3s ease;border-radius:0;height:100vh;max-height:100vh;max-width:100%}.reply-modal-header{padding:16px}.reply-modal-header h2{font-size:18px}.reply-modal-form{padding:16px}.reply-form-group input,.reply-form-group textarea{font-size:14px;padding:10px 12px}.reply-form-group textarea{min-height:150px}.generate-reply-btn{font-size:12px;padding:5px 10px}.reply-modal-actions{padding-top:12px}.reply-cancel-btn,.reply-send-btn{font-size:13px;padding:8px 20px}}@media (max-width:480px){.reply-modal-header{padding:12px}.reply-modal-header h2{font-size:16px}.reply-modal-form{gap:12px;padding:12px}.reply-form-group label{font-size:13px}.reply-form-group input,.reply-form-group textarea{font-size:13px;padding:8px 10px}.reply-form-group textarea{min-height:120px}.generate-reply-btn{font-size:11px;padding:4px 8px}.reply-cancel-btn,.reply-send-btn{font-size:12px;padding:8px 16px}}.compose-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.compose-modal{animation:slideUp .3s ease;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.compose-modal-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.compose-modal-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.compose-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.compose-modal-close:hover{background-color:var(--interactive-hover)}.compose-modal-form{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.compose-form-group{display:flex;flex-direction:column;gap:8px}.compose-form-group label{color:var(--text-primary);font-size:14px;font-weight:500}.compose-form-group input,.compose-form-group textarea{background:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.compose-form-group input:focus,.compose-form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.compose-form-group textarea{font-family:inherit;line-height:1.5;min-height:200px}.compose-error-message{background:#ff44441a;border:1px solid var(--error);border-radius:8px;color:var(--error);font-size:14px;padding:12px 16px}.compose-modal-actions{border-top:1px solid var(--border-secondary);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding-top:8px}.compose-cancel-btn,.compose-send-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.compose-cancel-btn{background:var(--surface-secondary);border:1px solid var(--border-secondary);color:var(--text-primary)}.compose-cancel-btn:hover:not(:disabled){background:var(--interactive-hover);border-color:var(--border-primary)}.compose-send-btn{background:#0d0d0d;box-shadow:var(--shadow-sm);color:#fff}.compose-send-btn:hover:not(:disabled){background:#1f1f1f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.compose-cancel-btn:disabled,.compose-send-btn:disabled{cursor:not-allowed;opacity:.6}.compose-modal-form::-webkit-scrollbar{width:8px}.compose-modal-form::-webkit-scrollbar-track{background:var(--surface-secondary)}.compose-modal-form::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.compose-modal-form::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.compose-modal-overlay{align-items:flex-start;padding:0}.compose-modal{animation:slideUpMobile .3s ease;border-radius:0;height:100vh;max-height:100vh;max-width:100%}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.compose-modal-header{padding:16px}.compose-modal-header h2{font-size:18px}.compose-modal-form{padding:16px}.compose-form-group input,.compose-form-group textarea{font-size:14px;padding:10px 12px}.compose-form-group textarea{min-height:150px}.compose-modal-actions{padding-top:12px}.compose-cancel-btn,.compose-send-btn{font-size:13px;padding:8px 20px}}@media (max-width:480px){.compose-modal-header{padding:12px}.compose-modal-header h2{font-size:16px}.compose-modal-form{gap:12px;padding:12px}.compose-form-group label{font-size:13px}.compose-form-group input,.compose-form-group textarea{font-size:13px;padding:8px 10px}.compose-form-group textarea{min-height:120px}.compose-cancel-btn,.compose-send-btn{font-size:12px;padding:8px 16px}}.schedule-toggle-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.schedule-toggle{accent-color:var(--accent-primary);cursor:pointer;height:18px;width:18px}.schedule-toggle-text{align-items:center;display:flex;gap:4px}.schedule-datetime-container{display:flex;flex-direction:column;gap:8px;margin-top:12px}.schedule-datetime-input{background:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.schedule-datetime-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.schedule-preview{background:var(--surface-tertiary);border-left:3px solid var(--accent-primary);border-radius:6px;color:var(--text-secondary);font-size:13px;padding:8px 12px}.compose-fab,.compose-send-btn{align-items:center;display:flex;justify-content:center}.compose-fab{background:#0d0d0d;border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;height:56px;margin-bottom:20px;padding:0;position:fixed;right:24px;transition:all .3s ease;width:56px;z-index:1000}.compose-fab:hover:not(.disabled){background:#1f1f1f;box-shadow:0 6px 16px #0006;transform:translateY(-2px) scale(1.05)}.compose-fab:active:not(.disabled){box-shadow:0 2px 8px #0000004d;transform:translateY(0) scale(.98)}.compose-fab.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.compose-fab svg{display:block;height:24px;width:24px}@media (max-width:768px){.compose-fab{bottom:16px;box-shadow:0 4px 10px #0000004d;height:52px;right:16px;width:52px}.compose-fab svg{height:22px;width:22px}}@media (max-width:480px){.compose-fab{bottom:12px;height:48px;right:12px;width:48px}.compose-fab svg{height:20px;width:20px}}.left-panel{background:var(--surface-secondary);border:1px solid var(--border-secondary);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;margin:8px 0 8px 8px;overflow:hidden;width:280px}.left-panel-header{background:var(--surface-primary);border-bottom:1px solid var(--border-secondary);padding:16px}.left-panel-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.left-panel-content{flex:1 1;overflow-y:auto;padding:8px}.provider-section{margin-bottom:24px}.provider-header{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:8px;padding:8px 12px;text-transform:uppercase}.provider-icon{font-size:16px}.provider-title{flex:1 1}.no-accounts{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-accounts-icon{font-size:48px;margin-bottom:16px}.no-accounts-text{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.authenticate-btn{background:#0d0d0d;border:none;border-radius:8px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.authenticate-btn:hover:not(:disabled){background:#1f1f1f;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.authenticate-btn:disabled{cursor:not-allowed;opacity:.6}.accounts-list{display:flex;flex-direction:column;gap:4px}.account-item{background:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:8px;overflow:hidden}.account-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s ease}.account-header:hover{background-color:var(--interactive-hover)}.account-header.selected{background-color:var(--interactive-active);border-left:3px solid var(--accent-primary)}.account-info{flex:1 1;gap:12px}.account-actions,.account-info{align-items:center;display:flex}.account-actions{gap:4px}.account-icon{align-items:center;background:var(--surface-tertiary);border-radius:50%;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.account-details{flex:1 1;min-width:0}.account-status{color:var(--error);font-size:11px;font-weight:500;margin-top:2px}.account-header.inactive{border-left:3px solid var(--error);opacity:.7}.account-header.inactive:hover{opacity:1}.account-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.account-email{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email,.expand-btn{color:var(--text-secondary)}.expand-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:transform .2s ease,color .2s ease}.expand-btn:hover{color:var(--text-primary)}.expand-btn.expanded{transform:rotate(180deg)}.disconnect-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;opacity:.6;padding:4px;transition:color .2s ease}.disconnect-btn:hover:not(:disabled){color:var(--error);opacity:1}.disconnect-btn:disabled{cursor:not-allowed;opacity:.4}.spinner-small{animation:spin .6s linear infinite;border:2px solid var(--border-secondary);border-radius:50%;border-top-color:var(--accent-primary);height:14px;width:14px}.account-folders{background:var(--surface-secondary);border-top:1px solid var(--border-muted);padding:4px 0}.folder-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 12px 8px 36px;transition:background-color .2s ease}.folder-item:hover{background-color:var(--interactive-hover)}.folder-item.selected{background-color:var(--interactive-active);border-left:3px solid var(--accent-primary);font-weight:500}.folder-item.selected,.folder-item.selected .folder-icon{color:var(--accent-primary)}.folder-icon{align-items:center;color:inherit;display:flex;height:20px;justify-content:center;width:20px}.folder-label{flex:1 1}.add-account-btn{align-items:center;background:var(--surface-primary);border:1px dashed var(--border-secondary);border-radius:8px;color:var(--accent-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:8px;padding:12px;transition:all .2s ease;width:100%}.add-account-btn:hover:not(:disabled){background:var(--interactive-hover);border-color:var(--accent-primary)}.add-account-btn:disabled{cursor:not-allowed;opacity:.6}.left-panel-content::-webkit-scrollbar{width:6px}.left-panel-content::-webkit-scrollbar-track{background:var(--surface-secondary)}.left-panel-content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.left-panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:1024px){.left-panel{width:240px}}@media (max-width:768px){.left-panel{bottom:0;box-shadow:2px 0 8px #0000001a;left:-280px;margin:0;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:200}.left-panel.open{left:0}.left-panel-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:199}.left-panel-overlay.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (max-width:480px){.left-panel{left:-100%;width:100%}.left-panel-header{padding:12px}.left-panel-header h3{font-size:14px}.account-header{padding:10px}.account-name{font-size:13px}.account-email{font-size:11px}.folder-item{font-size:13px;padding:6px 12px 6px 32px}}.dashboard{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-header h1{color:var(--text-primary);font-size:28px;font-weight:600;margin:0}.dashboard-controls select{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px}.dashboard-controls select:hover{border-color:var(--accent-primary)}.dashboard-empty,.dashboard-error,.dashboard-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.dashboard-error button{background:var(--accent-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 16px}.dashboard-error button:hover{opacity:.9}.dashboard-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:20px;text-align:center}.stat-label{color:var(--text-secondary);font-size:14px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:32px;font-weight:600}.dashboard-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:24px}.chart-container h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}@media (max-width:1024px){.dashboard{padding:20px}.dashboard-charts{grid-template-columns:1fr}.chart-container{padding:20px}}@media (max-width:768px){.dashboard{padding:16px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-header h1{font-size:24px}.dashboard-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-label{font-size:12px}.stat-value{font-size:24px}.dashboard-charts{gap:16px;grid-template-columns:1fr}.chart-container{padding:16px}.chart-container h2{font-size:16px;margin-bottom:16px}}@media (max-width:480px){.dashboard{padding:12px}.dashboard-header h1{font-size:20px}.dashboard-stats-grid{gap:10px;grid-template-columns:1fr}.stat-card{padding:12px}.stat-label{font-size:11px}.stat-value{font-size:20px}.chart-container{padding:12px}.chart-container h2{font-size:14px;margin-bottom:12px}}.login-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:420px;padding:40px;width:100%}.login-card-wide{max-width:600px}.login-logo{display:flex;justify-content:center;margin-bottom:-25px;margin-top:-30px}.login-header{margin-bottom:24px;text-align:center}.login-header h1{color:#0d0d0d;font-size:28px;font-weight:700;margin-bottom:8px}.login-header p{color:#6b7280;font-size:14px}.login-form{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#1f2937;font-size:14px;font-weight:500}.form-group input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{border-color:#0d0d0d;box-shadow:0 0 0 3px #0d0d0d1a}.form-group input::placeholder{color:#9ca3af}.submit-button{background:#0d0d0d;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:4px;padding:12px 24px;transition:all .2s ease}.submit-button:hover:not(:disabled){background:#1f1f1f;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.submit-button:active:not(:disabled){box-shadow:0 1px 2px #0000000d;transform:translateY(0)}.submit-button:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.error-message{word-wrap:break-word;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444;display:block;font-size:14px;margin-top:8px;max-width:100%;padding:12px 16px}.login-footer{color:#6b7280;font-size:14px;margin-top:16px;text-align:center}.toggle-button{background:none;border:none;color:#0d0d0d;cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:underline;transition:color .2s ease}.toggle-button:hover{color:#1f1f1f}.divider{align-items:center;display:flex;margin:20px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.divider span{color:#6b7280;font-size:14px;padding:0 16px}.google-signin-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#1f2937;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;margin-bottom:20px;padding:12px 24px;transition:all .2s ease;width:100%}.google-signin-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.google-signin-button:active:not(:disabled){box-shadow:0 1px 2px #0000000d}.google-signin-button:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.google-icon{flex-shrink:0}@media (max-width:768px){.login-container{padding:16px}.login-card{max-width:100%;padding:32px 24px}.login-header h1{font-size:24px}.login-header p{font-size:13px}.form-group input{font-size:14px;padding:10px 14px}.submit-button{font-size:15px;padding:10px 20px}}@media (max-width:480px){.login-container{align-items:flex-start;padding:16px 12px 12px}.login-card{max-height:calc(100vh - 32px);padding:24px 20px}.login-header{margin-bottom:20px}.login-form{gap:14px}.divider{margin:16px 0}.google-signin-button{margin-bottom:16px}.login-footer{margin-top:12px}.login-header h1{font-size:22px}.login-header p{font-size:12px}.login-form{gap:16px}.form-group label{font-size:13px}.form-group input{font-size:14px;padding:10px 12px}.submit-button{font-size:14px;padding:10px 18px}.login-footer{font-size:13px}}
/*# sourceMappingURL=main.5fc08088.css.map*/