*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-primary:"Plus Jakarta Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius:10px;--radius-sm:6px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 48px #00000029;--transition:0.2s cubic-bezier(0.4,0,0.2,1);--sidebar-width:248px;--email-list-width:380px}[data-theme=light]{--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-tertiary:#f1f3f9;--bg-hover:#e8ecf4;--bg-active:#dde3f0;--bg-sidebar:#1b1f2e;--bg-sidebar-hover:#ffffff14;--bg-sidebar-active:#ffffff24;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-sidebar:#cbd5e1;--text-sidebar-active:#fff;--border-color:#e5e7eb;--border-light:#f3f4f6;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--accent-subtle:#2563eb14;--danger:#ef4444;--danger-light:#fef2f2;--warning:#f59e0b;--warning-light:#fffbeb;--success:#10b981;--success-light:#ecfdf5;--purple:#8b5cf6;--tag-red:#fee2e2;--tag-red-text:#dc2626;--tag-blue:#dbeafe;--tag-blue-text:#2563eb;--tag-green:#d1fae5;--tag-green-text:#059669;--tag-yellow:#fef3c7;--tag-yellow-text:#d97706;--tag-purple:#ede9fe;--tag-purple-text:#7c3aed;--tag-pink:#fce7f3;--tag-pink-text:#db2777;--tag-orange:#fff7ed;--tag-orange-text:#ea580c;--scrollbar-thumb:#cbd5e1;--overlay:#0006;--unread-dot:#2563eb;--star-color:#f59e0b;--checkbox-border:#d1d5db}[data-theme=dark]{--bg-primary:#0f1117;--bg-secondary:#1a1d2e;--bg-tertiary:#141726;--bg-hover:#1e2235;--bg-active:#252a40;--bg-sidebar:#0b0d14;--bg-sidebar-hover:#ffffff0f;--bg-sidebar-active:#ffffff1a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-sidebar:#94a3b8;--text-sidebar-active:#f1f5f9;--border-color:#1e293b;--border-light:#1a1d2e;--accent:#3b82f6;--accent-hover:#2563eb;--accent-light:#3b82f61f;--accent-subtle:#3b82f60f;--danger:#f87171;--danger-light:#ef44441f;--warning:#fbbf24;--warning-light:#fbbf241f;--success:#34d399;--success-light:#10b9811f;--purple:#a78bfa;--tag-red:#ef444426;--tag-red-text:#fca5a5;--tag-blue:#3b82f626;--tag-blue-text:#93c5fd;--tag-green:#10b98126;--tag-green-text:#6ee7b7;--tag-yellow:#fbbf2426;--tag-yellow-text:#fde68a;--tag-purple:#8b5cf626;--tag-purple-text:#c4b5fd;--tag-pink:#ec489926;--tag-pink-text:#f9a8d4;--tag-orange:#ea580c26;--tag-orange-text:#fdba74;--scrollbar-thumb:#334155;--overlay:#0009;--unread-dot:#3b82f6;--star-color:#fbbf24;--checkbox-border:#475569}#root,body,html{height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app{display:flex;height:100vh}.sidebar{background:var(--bg-sidebar);border-right:1px solid #ffffff0f;display:flex;flex-direction:column;min-width:248px;min-width:var(--sidebar-width);width:248px;width:var(--sidebar-width);z-index:10}.sidebar-brand{gap:10px;padding:20px 20px 16px}.brand-icon,.sidebar-brand{align-items:center;display:flex}.brand-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:16px;font-weight:800;height:36px;justify-content:center;width:36px}.brand-name{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.3px}.compose-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:13.5px;font-weight:600;gap:8px;justify-content:center;margin:4px 16px 16px;padding:11px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.compose-btn:hover{box-shadow:0 6px 20px #2563eb66;transform:translateY(-1px)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:0 8px}.nav-section-title{color:#ffffff4d;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:16px 12px 6px;text-transform:uppercase}.nav-item{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:var(--text-sidebar);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;margin-bottom:1px;padding:9px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.nav-item:hover{background:var(--bg-sidebar-hover);color:var(--text-sidebar-active)}.nav-item.active{background:var(--bg-sidebar-active);color:var(--text-sidebar-active)}.nav-item svg{height:18px;opacity:.7;width:18px}.nav-item.active svg{opacity:1}.nav-badge{background:var(--accent);border-radius:10px;color:#fff;font-size:11px;font-weight:700;margin-left:auto;min-width:20px;padding:1px 7px;text-align:center}.nav-badge.draft{background:var(--warning)}.sidebar-footer{border-top:1px solid #ffffff0f;padding:12px 16px}.account-trigger{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:8px;text-align:left;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:100%}.account-trigger:hover{background:var(--bg-sidebar-hover)}.account-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.account-details{flex:1 1;min-width:0}.account-name{color:#fff;font-size:12.5px;font-weight:600}.account-email-text,.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email-text{color:#fff6;font-size:11px}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.topbar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;height:56px;padding:0 20px}.search-wrapper{flex:1 1;max-width:560px;position:relative}.search-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:13.5px;outline:none;padding:9px 14px 9px 38px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{background:var(--bg-secondary);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.search-icon{color:var(--text-tertiary);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.topbar-actions{gap:4px;margin-left:auto}.icon-btn,.topbar-actions{align-items:center;display:flex}.icon-btn{background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:36px}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notif-dot{background:var(--danger);border:2px solid var(--bg-secondary);border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.theme-btn{align-items:center;background:var(--bg-tertiary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:36px}.theme-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.email-layout{display:flex;flex:1 1;overflow:hidden}.email-list-panel{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-width:380px;min-width:var(--email-list-width);width:380px;width:var(--email-list-width)}.email-list-toolbar{border-bottom:1px solid var(--border-color);gap:8px;padding:10px 16px}.checkbox-wrap,.email-list-toolbar{align-items:center;display:flex;flex-shrink:0}.checkbox-wrap{border:2px solid var(--checkbox-border);border-radius:4px;cursor:pointer;height:18px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:18px}.checkbox-wrap.checked,.checkbox-wrap:hover{border-color:var(--accent)}.checkbox-wrap.checked{background:var(--accent)}.toolbar-sep{background:var(--border-color);height:20px;width:1px}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:12px;gap:5px;padding:5px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar-spacer{flex:1 1}.email-count{color:var(--text-tertiary);font-size:12px;white-space:nowrap}.email-list{flex:1 1;overflow-y:auto}.email-item{align-items:flex-start;animation:fadeInUp .3s ease both;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:10px;padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.email-item:first-child{animation-delay:.02s}.email-item:nth-child(2){animation-delay:.04s}.email-item:nth-child(3){animation-delay:.06s}.email-item:nth-child(4){animation-delay:.08s}.email-item:nth-child(5){animation-delay:.1s}.email-item:hover{background:var(--bg-hover)}.email-item.active{background:var(--accent-light)}.email-item.unread{background:var(--accent-subtle)}.email-item.unread .e-sender{color:var(--text-primary);font-weight:700}.email-item.unread .e-subject{color:var(--text-primary);font-weight:600}.email-item.selected{background:var(--accent-light)}.e-checkbox{align-items:center;border:2px solid var(--checkbox-border);border-radius:3px;cursor:pointer;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-top:3px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:16px}.e-checkbox.checked,.e-checkbox:hover{border-color:var(--accent)}.e-checkbox.checked{background:var(--accent)}.e-star{color:var(--text-tertiary);cursor:pointer;flex-shrink:0;margin-top:3px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.e-star.starred,.e-star:hover{color:var(--star-color)}.unread-dot{background:var(--unread-dot);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.e-content{flex:1 1;min-width:0}.e-top{align-items:center;display:flex;gap:6px;margin-bottom:2px}.e-sender{color:var(--text-secondary);flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.e-date,.e-sender{white-space:nowrap}.e-date{color:var(--text-tertiary);flex-shrink:0;font-size:11.5px}.e-subject{color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:2px}.e-preview,.e-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.e-preview{color:var(--text-tertiary);font-size:12.5px}.e-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.e-tag{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:1px 7px;text-transform:uppercase}.e-tag.t-blue{background:var(--tag-blue);color:var(--tag-blue-text)}.e-tag.t-green{background:var(--tag-green);color:var(--tag-green-text)}.e-tag.t-red{background:var(--tag-red);color:var(--tag-red-text)}.e-tag.t-yellow{background:var(--tag-yellow);color:var(--tag-yellow-text)}.e-tag.t-purple{background:var(--tag-purple);color:var(--tag-purple-text)}.e-tag.t-pink{background:var(--tag-pink);color:var(--tag-pink-text)}.e-tag.t-orange{background:var(--tag-orange);color:var(--tag-orange-text)}.e-attach{color:var(--text-tertiary);flex-shrink:0;margin-top:3px}.email-detail{background:var(--bg-primary);min-width:0}.detail-empty,.email-detail{display:flex;flex:1 1;flex-direction:column}.detail-empty{align-items:center;color:var(--text-tertiary);gap:12px;justify-content:center}.detail-empty svg{height:56px;opacity:.3;width:56px}.detail-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:20px 24px 16px}.detail-subject{font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin-bottom:12px}.detail-meta{align-items:flex-start;display:flex;gap:12px}.sender-avatar{align-items:center;background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:42px;justify-content:center;width:42px}.sender-info{flex:1 1;min-width:0}.sender-row{align-items:center;display:flex;gap:8px}.sender-name{font-size:14px;font-weight:600}.sender-email{color:var(--text-tertiary);font-size:12.5px}.recipients{color:var(--text-secondary);font-size:12.5px;margin-top:2px}.detail-date{color:var(--text-tertiary);flex-shrink:0;font-size:12px;margin-top:2px;white-space:nowrap}.detail-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:12.5px;font-weight:500;gap:5px;padding:7px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.action-btn:hover{background:var(--bg-hover);border-color:var(--text-tertiary);color:var(--text-primary)}.action-btn.danger:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.detail-body{flex:1 1;overflow-y:auto;padding:24px}.body-content{color:var(--text-primary);font-size:14px;line-height:1.7;max-width:720px}.body-content p{margin-bottom:12px}.attachments-section{border-top:1px solid var(--border-color);margin-top:20px;padding-top:16px}.attachments-title{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.attach-list{display:flex;flex-wrap:wrap;gap:8px}.attach-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.attach-item:hover{background:var(--accent-light);border-color:var(--accent)}.attach-icon{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:10px;font-weight:700;height:32px;justify-content:center;text-transform:uppercase;width:32px}.attach-icon.pdf{background:#ef4444}.attach-icon.doc{background:#3b82f6}.attach-icon.img{background:#10b981}.attach-icon.xls{background:#059669}.attach-icon.zip{background:#8b5cf6}.attach-icon.default{background:#6b7280}.attach-name{font-size:12.5px;font-weight:500}.attach-size{color:var(--text-tertiary);font-size:11px}.compose-overlay{background:var(--bg-primary);display:flex;flex-direction:column;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:100}.compose-overlay.active{opacity:1;pointer-events:auto}.compose-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;height:56px;justify-content:space-between;padding:0 24px}.compose-header-left{align-items:center;display:flex;gap:12px}.compose-title{color:var(--text-primary);font-size:16px;font-weight:700}.compose-close{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:36px}.compose-close:hover{background:var(--bg-hover);color:var(--text-primary)}.compose-main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:900px;overflow:hidden;width:100%}.compose-field{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:10px 24px;position:relative}.compose-label{color:var(--text-tertiary);font-size:13px;font-weight:600;min-width:48px}.compose-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:14px;outline:none}.cc-bcc-toggle,.compose-input::placeholder{color:var(--text-tertiary)}.cc-bcc-toggle{background:#0000;border:none;border-radius:4px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:12px;font-weight:500;padding:3px 8px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.cc-bcc-toggle:hover,.email-chip{background:var(--accent-light);color:var(--accent)}.email-chip{align-items:center;border:1px solid var(--accent-subtle);border-radius:20px;display:inline-flex;font-size:12.5px;font-weight:500;gap:4px;padding:2px 8px 2px 10px;white-space:nowrap}.email-chip-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--accent);cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:16px}.email-chip-remove:hover{background:var(--accent);color:#fff}.contacts-dropdown{animation:fadeInUp .15s ease both;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);left:48px;max-height:240px;overflow-y:auto;position:absolute;right:24px;top:100%;z-index:110}.contact-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 14px;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.contact-item.highlighted,.contact-item:hover{background:var(--bg-hover)}.contact-avatar-sm{align-items:center;background:var(--bg-tertiary);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:30px;justify-content:center;width:30px}.contact-info{flex:1 1;min-width:0}.contact-name{font-size:12.5px;font-weight:600}.contact-email-text,.contact-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-email-text{color:var(--text-tertiary);font-size:11px}.contact-freq{color:var(--text-tertiary);flex-shrink:0;font-size:10px}.compose-editor-area{flex:1 1;flex-direction:column;overflow:hidden}.compose-editor-area,.compose-format-bar{background:var(--bg-secondary);display:flex}.compose-format-bar{align-items:center;border-bottom:1px solid var(--border-color);flex-shrink:0;flex-wrap:wrap;gap:2px;padding:6px 20px}.fmt-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:34px}.fmt-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.fmt-btn.active{background:var(--accent-light);color:var(--accent)}.fmt-sep{background:var(--border-color);height:22px;margin:0 4px;width:1px}.compose-editor{color:var(--text-primary);flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:14.5px;line-height:1.7;min-height:300px;outline:none;overflow-y:auto;padding:20px 24px}.compose-editor:empty:before{color:var(--text-tertiary);content:attr(data-placeholder);pointer-events:none}.compose-editor p{margin-bottom:8px}.compose-editor a{color:var(--accent);text-decoration:underline}.compose-editor img{border-radius:6px;margin:8px 0;max-width:100%}.compose-editor blockquote{border-left:3px solid var(--border-color);color:var(--text-secondary);margin:8px 0;padding-left:12px}.compose-signature{background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-tertiary);font-size:13px;line-height:1.6;padding:16px 24px;white-space:pre-line}.compose-toolbar{background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0;padding:12px 24px}.compose-toolbar,.send-btn{align-items:center;display:flex;gap:8px}.send-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #2563eb4d;color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.send-btn:hover{box-shadow:0 4px 14px #2563eb66;transform:translateY(-1px)}.format-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:32px}.format-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.discard-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:32px}.discard-btn:hover{background:var(--danger-light);color:var(--danger)}.modal-overlay{align-items:center;background:var(--overlay);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:200}.modal-overlay.active{opacity:1;pointer-events:auto}.modal{background:var(--bg-secondary);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 16px 48px #00000029;box-shadow:var(--shadow-xl);max-height:80vh;overflow:hidden;transform:scale(.95);transition:transform .25s cubic-bezier(.16,1,.3,1);width:480px}.modal-overlay.active .modal{transform:scale(1)}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.modal-title{font-size:16px;font-weight:700}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:30px}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{max-height:60vh;overflow-y:auto;padding:16px 20px}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.btn-secondary:hover{background:var(--bg-hover)}.btn-primary{background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.btn-primary:hover{background:var(--accent-hover)}.tag-form{align-items:flex-end;display:flex;gap:8px;margin-bottom:16px}.tag-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:13px;outline:none;padding:8px 12px}.tag-input:focus{border-color:var(--accent)}.tag-colors{align-items:center;display:flex;gap:6px}.tag-color-opt{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:24px}.tag-color-opt:hover{transform:scale(1.15)}.tag-color-opt.selected{border-color:var(--text-primary);transform:scale(1.15)}.tag-list-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:10px;padding:8px 0}.tag-preview{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.tag-item-name{flex:1 1;font-size:13px}.tag-del{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:26px}.tag-del:hover{background:var(--danger-light);color:var(--danger)}.ctx-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);min-width:200px;opacity:0;padding:4px;pointer-events:none;position:fixed;transform:scale(.95);transition:all .15s ease;z-index:300}.ctx-menu.active{opacity:1;pointer-events:auto;transform:scale(1)}.ctx-item{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.ctx-item:hover{background:var(--bg-hover);color:var(--text-primary)}.ctx-item.danger{color:var(--danger)}.ctx-item.danger:hover{background:var(--danger-light)}.ctx-divider{background:var(--border-color);height:1px;margin:4px 0}.tag-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);left:0;margin-top:4px;min-width:160px;padding:4px;position:absolute;top:100%;z-index:50}.toast-container{bottom:20px;display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;z-index:400}.toast{align-items:center;background:var(--bg-sidebar);border-radius:10px;border-radius:var(--radius);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:13.5px;font-weight:500;gap:10px;max-width:360px;padding:12px 16px;transform:translateX(120%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.toast.show{transform:translateX(0)}.toast-icon{flex-shrink:0}.toast-icon.success{color:var(--success)}.toast-icon.error{color:var(--danger)}.toast-icon.info{color:#60a5fa}.settings-section{margin-bottom:20px}.settings-section-title{color:var(--text-tertiary);font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.settings-row{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:10px 0}.settings-label{font-size:13.5px;font-weight:500}.settings-desc{color:var(--text-tertiary);font-size:12px;margin-top:2px}.toggle{background:var(--border-color);border:none;border-radius:11px;cursor:pointer;height:22px;position:relative;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:40px}.toggle.on{background:var(--accent)}.toggle:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:18px;left:2px;position:absolute;top:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition);width:18px}.toggle.on:after{transform:translateX(18px)}.sig-editor{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:13px;line-height:1.5;margin-top:8px;min-height:100px;outline:none;padding:10px;resize:vertical;width:100%}.sig-editor:focus{border-color:var(--accent)}.acc-item{align-items:center;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.acc-item.active,.acc-item:hover{background:var(--accent-light);border-color:var(--accent)}.acc-item-avatar{align-items:center;background:linear-gradient(135deg,var(--accent),var(--purple));border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:700;height:40px;justify-content:center;width:40px}.acc-item-info{flex:1 1}.acc-item-name{font-size:13.5px;font-weight:600}.acc-item-email{color:var(--text-tertiary);font-size:12px}.add-acc-btn{align-items:center;background:#0000;border:2px dashed var(--border-color);border-radius:10px;border-radius:var(--radius);color:var(--text-tertiary);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:13.5px;font-weight:500;gap:10px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.add-acc-btn:hover{border-color:var(--accent);color:var(--accent)}.form-group{margin-bottom:12px}.form-label{color:var(--text-secondary);display:block;font-size:12.5px;font-weight:600;margin-bottom:4px}.form-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:13px;outline:none;padding:9px 12px;width:100%}.form-input:focus{border-color:var(--accent)}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1}.empty-state{color:var(--text-tertiary);padding:40px;text-align:center}.empty-state svg{display:block;height:40px;margin:0 auto 12px;opacity:.3;width:40px}.powered-by{color:#ffffff40;font-size:10px;letter-spacing:.5px;padding:8px 16px;text-align:center}@media (max-width:1200px){:root{--email-list-width:320px}}@media (max-width:900px){.sidebar{height:100vh;left:-248px;position:fixed;transition:left .3s ease;z-index:50}.sidebar.open{left:0}.email-detail{display:none}.email-detail.active{display:flex}.email-list-panel{flex:1 1;min-width:0;width:auto}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin-icon{animation:spin 1s linear infinite}.notif-panel{animation:fadeInUp .2s ease both;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 16px 48px #00000029;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:480px;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:100}.notif-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:14px 16px 10px}.notif-title{font-size:14px;font-weight:700}.notif-mark-all{background:none;border:none;border-radius:4px;color:var(--accent);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-primary);font-size:12px;font-weight:500;padding:2px 6px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.notif-mark-all:hover{background:var(--accent-light)}.notif-list{flex:1 1;max-height:360px;overflow-y:auto}.notif-empty{color:var(--text-tertiary);font-size:13px;padding:32px 16px;text-align:center}.notif-item{align-items:flex-start;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition)}.notif-item:hover{background:var(--bg-hover)}.notif-item:last-child{border-bottom:none}.notif-item-dot{background:var(--accent);border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.notif-item-content{flex:1 1;min-width:0}.notif-item-from{align-items:center;color:var(--text-primary);display:flex;font-size:12.5px;font-weight:600}.notif-item-from,.notif-item-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-subject{color:var(--text-secondary);font-size:12px;margin-top:1px}.notif-item-date{color:var(--text-tertiary);font-size:11px;margin-top:2px}.notif-footer{border-top:1px solid var(--border-color);padding:8px 16px;text-align:center}
/*# sourceMappingURL=main.d8834952.css.map*/