*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-header h1{color:#1f2937;font-size:1.75rem;margin:0 0 8px}.login-header p{color:#6b7280;font-size:.95rem;margin:0}.error-message{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.oauth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.btn-oauth{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.btn-oauth:disabled{cursor:not-allowed;opacity:.6}.btn-microsoft{background:#fff;color:#1f2937}.btn-microsoft:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.btn-google{background:#fff;color:#1f2937}.btn-google:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.btn-microsoft-login{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.btn-microsoft-login:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.divider{align-items:center;display:flex;margin:24px 0}.divider:after,.divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.divider span{color:#9ca3af;font-size:.85rem;font-weight:500;padding:0 16px}.login-form{gap:16px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#374151;font-size:.9rem;font-weight:500}.form-group input{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f9fafb;cursor:not-allowed}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:14px 20px;transition:transform .2s,box-shadow .2s}.btn-login:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-login:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px;text-align:center}.login-footer p{color:#6b7280;font-size:.85rem;margin:0}.settings-error,.settings-loading{align-items:center;color:#6b7280;display:flex;font-size:1.1rem;justify-content:center;min-height:200px}.settings-error{color:#dc2626}@media (max-width:480px){.login-card{padding:24px}.login-header h1{font-size:1.5rem}}.preview-mode{margin:0 auto;max-width:1000px;padding:20px}.preview-intro{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:40px;text-align:center}.intro-icon{font-size:4rem;margin-bottom:20px}.preview-intro h2{color:#1a1a2e;font-size:1.8rem;margin-bottom:12px}.preview-intro>p{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto 30px;max-width:600px}.intro-steps{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:40px}.step{background:#f8f9fa;border-radius:12px;gap:12px;max-width:280px;padding:16px 24px;text-align:left}.step,.step-num{align-items:center;display:flex}.step-num{background:#4a90d9;border-radius:50%;color:#fff;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.vip-quick-add{background:#fff8e6;border:2px solid gold;border-radius:12px;margin-bottom:30px;padding:24px;text-align:left}.vip-quick-add h3{color:#856404;margin:0 0 8px}.vip-quick-add>p{color:#666;margin:0 0 16px}.vip-input-row{display:flex;gap:10px}.vip-input-row input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:1rem;padding:12px 16px}.vip-input-row input:focus{border-color:#ffc107;box-shadow:0 0 0 3px #ffc10733;outline:none}.current-vips{color:#666;font-size:.9rem;margin-top:12px}.vip-chip{background:#ffeeba;border-radius:12px;display:inline-block;font-size:.85rem;margin-left:6px;padding:4px 10px}.vip-quick-add.compact{display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.vip-quick-add.compact input{flex:1 1;padding:8px 12px}.intro-actions{align-items:center;display:flex;flex-direction:column;gap:16px}.btn{font-size:1rem;font-weight:500;padding:12px 24px}.btn-primary{background:#4a90d9}.btn-primary:hover{background:#3a7bc8}.btn-primary:disabled{background:#a0c4e8;cursor:not-allowed}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-large{font-size:1.1rem;padding:16px 40px}.btn-sm{font-size:.9rem;padding:8px 16px}.btn-link{background:none;color:#666;text-decoration:underline}.btn-link:hover{color:#333}.preview-header{margin-bottom:24px;text-align:center}.preview-header h2{color:#1a1a2e;font-size:1.6rem;margin:0 0 12px}.preview-note{background:#fff3cd;border-radius:8px;color:#856404;display:inline-block;font-size:.95rem;padding:12px 20px}.preview-summary{gap:24px;justify-content:center}.summary-card{background:#fff;box-shadow:0 2px 8px #0000001a;padding:20px 32px}.summary-card.archive{border-left:4px solid #fd7e14}.summary-card.keep{border-left:4px solid #28a745}.summary-icon{font-size:2rem}.summary-number{color:#1a1a2e}.summary-label{color:#666;font-size:.9rem}.preview-categories{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.category-section{border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.category-header{transition:background .2s}.category-header:hover{background:#f8f9fa}.category-title{flex:1 1;gap:10px}.category-icon{font-size:1.4rem}.category-name{color:#1a1a2e;font-size:1.05rem}.category-count{background:#e9ecef;color:#666;font-size:.85rem}.excluded-count{color:#dc3545;font-size:.8rem}.category-action{font-size:.85rem;margin-right:12px}.expand-icon{color:#999;font-size:.8rem}.category-emails{border-top:1px solid #eee;padding:0 20px 20px}.category-desc{background:#f8f9fa;border-radius:6px;color:#666;font-size:.9rem;margin:16px 0;padding:10px}.no-emails{color:#999;font-style:italic;padding:20px;text-align:center}.preview-email{align-items:flex-start;border:1px solid #eee;border-radius:8px;margin-bottom:10px;padding:14px;transition:all .2s}.preview-email:hover{background:#fafafa;border-color:#ddd}.preview-email.excluded{background:#f8f8f8;text-decoration:line-through}.email-checkbox{padding-top:4px}.email-checkbox input{cursor:pointer;height:18px;width:18px}.email-subject{color:#1a1a2e}.email-from{color:#666;font-size:.9rem}.email-reason{color:#999;font-size:.8rem}.move-select{background:#fff;border:1px solid #ddd;font-size:.85rem}.move-select:focus{border-color:#4a90d9;outline:none}.btn-vip{background:none;border:1px solid #ffc107;font-size:1rem;transition:all .2s}.btn-vip:hover{background:#fff8e6}.preview-actions{background:#fff;box-shadow:0 2px 8px #0000001a}@media (max-width:768px){.preview-intro{padding:24px}.intro-steps{align-items:center}.intro-steps,.preview-summary{flex-direction:column}.category-header{flex-wrap:wrap;gap:8px}.category-action{margin-right:0;width:100%}.preview-email{flex-wrap:wrap}.email-actions{justify-content:flex-end;margin-top:8px;width:100%}.preview-actions{flex-direction:column}}.email-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.email-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:100%}.email-modal-header{align-items:flex-start;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.email-modal-header h3{color:#1a1a2e;flex:1 1;font-size:1.2rem;line-height:1.4;margin:0;padding-right:16px}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.close-btn:hover{color:#333}.email-modal-meta{background:#fafafa;border-bottom:1px solid #eee;padding:16px 24px}.email-modal-meta p{color:#555;font-size:.9rem;margin:6px 0}.email-modal-body{flex:1 1;max-height:300px;min-height:150px;overflow-y:auto;padding:20px 24px}.email-modal-body pre{word-wrap:break-word;color:#333;font-family:inherit;font-size:.95rem;line-height:1.6;margin:0;white-space:pre-wrap}.email-modal-actions{background:#f8f9fa;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:10px;padding:16px 24px}.email-modal-actions .btn{flex:1 1;font-size:.9rem;min-width:120px;padding:10px 16px}.btn-danger{background:#dc3545;border:none;border-radius:6px;cursor:pointer}.btn-danger:hover{background:#c82333}.btn-warning{background:#fd7e14;border:none;border-radius:6px;cursor:pointer}.btn-warning:hover{background:#e96b02}.btn-info{background:#ffc107;border:none;border-radius:6px;color:#333;cursor:pointer}.btn-info:hover{background:#e0a800}.btn-success{background:#28a745;border-radius:6px;cursor:pointer}.btn-success:hover{background:#218838}.email-modal-vip{border-top:1px solid #eee;padding:16px 24px}.btn-vip-large{background:linear-gradient(135deg,gold,#ffb700);border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .2s;width:100%}.btn-vip-large:hover{background:linear-gradient(135deg,#ffb700,#ff9500);transform:translateY(-1px)}.email-info:hover{background:#f0f7ff;border-radius:6px;margin:-8px;padding:8px}.progress-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.progress-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;padding:40px 60px;text-align:center}.progress-icon{animation:pulse 1.5s ease-in-out infinite;font-size:48px;margin-bottom:16px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.progress-modal h3{color:#1f2937;font-size:1.25rem;margin:0 0 24px}.progress-bar-container{background:#e5e7eb;border-radius:6px;height:12px;margin-bottom:16px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:6px;height:100%;transition:width .5s ease}.progress-step{color:#6b7280;font-size:14px;margin:0}.progress-note{color:#9ca3af;font-size:13px;font-style:italic;margin-top:12px}.preview-summary{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.summary-card{align-items:center;border-radius:12px;display:flex;flex:1 1;gap:16px;min-width:150px;padding:20px}.summary-card.archive{background:linear-gradient(135deg,#fef3c7,#fde68a)}.summary-card.keep{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.summary-card.total{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.summary-icon{font-size:32px}.summary-number{color:#1f2937;font-size:2rem;font-weight:700}.summary-label{color:#4b5563;font-weight:500}.summary-detail{color:#6b7280;font-size:12px;margin-top:4px}.emails-scroll-container{border:1px solid #e5e7eb;border-radius:8px;max-height:400px;overflow-y:auto;padding:8px}.email-count-note{color:#6b7280;font-size:13px;font-style:italic;margin-bottom:12px}.btn-large{padding:14px 32px!important}.category-section{background:#fff;border-left:4px solid #ccc;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px}.category-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .15s}.category-header:hover{background-color:#f9fafb}.category-title{align-items:center;display:flex;gap:12px}.category-icon{font-size:20px}.category-name{color:#1f2937;font-weight:600}.category-count{background:#e5e7eb;border-radius:12px;color:#374151;font-size:13px;font-weight:500;padding:2px 10px}.excluded-count{color:#dc2626;font-size:12px}.category-action{font-size:13px;font-weight:500}.expand-icon{color:#9ca3af;font-size:12px}.category-emails{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 20px}.category-desc{color:#6b7280;font-size:13px;margin:0 0 16px}.preview-email{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.preview-email.excluded{background:#f3f4f6;opacity:.5}.preview-email:hover{border-color:#6366f1}.email-checkbox{flex-shrink:0}.email-info{flex:1 1;min-width:0}.email-subject{color:#1f2937;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-from{color:#6b7280;font-size:13px;margin-bottom:4px}.email-reason{color:#9ca3af;font-size:12px}.email-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.move-select{border:1px solid #d1d5db;border-radius:6px;font-size:12px}.btn-vip,.move-select{cursor:pointer;padding:6px 10px}.btn-vip{background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;font-size:14px}.btn-vip:hover{background:#fde68a}.preview-actions{background:#f9fafb;border-radius:12px;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:24px}.email-dashboard{background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;margin-bottom:24px;padding:30px}.header-top{align-items:center;display:flex;justify-content:space-between}.dashboard-header h1{font-size:28px;font-weight:700;margin:0}.dashboard-header .subtitle{font-size:16px;margin:8px 0 0;opacity:.9}.user-section{align-items:center;display:flex;gap:15px}.user-section span{font-size:14px;opacity:.9}.btn-logout{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-logout:hover{background:#ffffff4d}.stats-container{margin-bottom:24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-card .stat-value{color:#2d3748;font-size:32px;font-weight:700;margin-top:8px}.stat-card .stat-label{color:#718096;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.stat-card.stat-danger{border-left:4px solid #f56565}.stat-card.stat-warning{border-left:4px solid #ed8936}.stat-card.stat-info{border-left:4px solid #4299e1}.stat-card.stat-success{border-left:4px solid #48bb78}.summary-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:24px}.summary-box h3{font-size:18px;margin:0 0 16px}.summary-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:center;background:#ffffff26;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.summary-label{font-size:14px;opacity:.9}.summary-value{font-size:16px;font-weight:600}.summary-value.highlight{color:#48bb78;font-size:24px}.action-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.action-section h3{color:#2d3748;font-size:18px;margin:0 0 16px}.action-buttons{gap:12px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#f56565,#c53030);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #f5656566;transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#ed8936,#c05621);color:#fff}.btn-warning:hover:not(:disabled){box-shadow:0 4px 12px #ed893666;transform:translateY(-1px)}.btn-info{background:linear-gradient(135deg,#4299e1,#2b6cb0);color:#fff}.btn-info:hover:not(:disabled){box-shadow:0 4px 12px #4299e166;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#48bb78,#276749)}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #48bb7866;transform:translateY(-1px)}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover:not(:disabled){background:#cbd5e0}.email-list-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.list-header{border-bottom:1px solid #e2e8f0;padding:20px 24px}.list-header h3{color:#2d3748;font-size:18px;margin:0 0 16px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#edf2f7;border:none;border-radius:20px;color:#4a5568;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.filter-btn:hover{background:#e2e8f0}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.email-list{background:#fff;border-radius:8px;overflow:hidden}.email-table{border-collapse:collapse;width:100%}.email-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.email-table th{color:#495057;font-size:.85rem;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}.email-table tbody tr{border-bottom:1px solid #eee;cursor:pointer;transition:background .2s}.email-table tbody tr:hover{background:#f8f9fa}.email-table tbody tr.spam-row{background:#fff5f5}.email-table td{padding:12px 16px;vertical-align:top}.col-sender{width:200px}.col-subject{width:auto}.col-date{text-align:center;width:100px}.col-status{text-align:center;width:140px}.col-actions{text-align:center;width:120px}.sender-name{color:#333;font-weight:600;margin-bottom:2px}.sender-email{color:#888;font-size:.8rem}.subject-text{color:#333;margin-bottom:4px}.preview-text{color:#888;font-size:.85rem;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.badge-spam{background:#f8d7da;color:#721c24}.badge-automated{background:#fff3cd;color:#856404}.badge-human{background:#cce5ff;color:#004085}.badge-response{background:#d4edda;color:#155724}.badge-archived{background:#e2e3e5;color:#383d41}.badge-new{background:#d1ecf1;color:#0c5460}.action-btn{font-size:.8rem;padding:6px 12px}.not-spam-btn{background:#d4edda;color:#155724}.not-spam-btn:hover{background:#c3e6cb}.spam-btn{background:#f8d7da;color:#721c24}.spam-btn:hover{background:#f5c6cb}.email-list-empty{color:#666;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-hint{color:#888;font-size:.9rem}.email-list-loading{color:#666;padding:40px;text-align:center}.btn-large{font-size:1.1rem!important;font-weight:600;padding:16px 32px!important}.btn-success{background:linear-gradient(135deg,#28a745,#20c997)!important;border:none;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#218838,#1db988)!important}.empty-state{color:#718096;padding:60px 20px;text-align:center}.empty-state h4{color:#4a5568;font-size:18px;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.classification-results{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border-radius:12px;margin-bottom:24px;padding:20px 24px;position:relative}.classification-results h3{color:#276749;margin:0 0 12px}.results-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:12px}.results-grid div{background:#fff9;border-radius:8px;color:#2d3748;font-size:14px;padding:10px 14px}.results-meta{color:#276749;font-size:13px;opacity:.8}.btn-close-results{background:none;border:none;color:#276749;cursor:pointer;font-size:24px;opacity:.6;position:absolute;right:12px;top:12px}.btn-close-results:hover{opacity:1}.pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:center;padding:20px}.pagination span{color:#718096;font-size:14px}.loading-spinner{color:#718096;padding:40px}.email-detail-overlay,.loading-spinner{align-items:center;display:flex;justify-content:center}.email-detail-overlay{background:#00000080;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.email-detail-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.email-detail-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.email-detail-header h2{color:#2d3748;flex:1 1;font-size:20px;margin:0;padding-right:16px}.btn-close{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:28px;line-height:1}.btn-close:hover{color:#4a5568}.email-detail-body{padding:24px}.email-meta-info{margin-bottom:20px}.email-meta-info p{color:#4a5568;font-size:14px;margin:8px 0}.email-meta-info strong{color:#2d3748}.email-body-content{background:#f7fafc;border-radius:8px;color:#2d3748;font-size:14px;line-height:1.6;padding:20px;white-space:pre-wrap}.email-detail-footer{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px}@media (max-width:768px){.email-dashboard{padding:12px}.dashboard-header{padding:20px}.header-top{align-items:flex-start;gap:16px}.action-buttons,.header-top{flex-direction:column}.btn{justify-content:center;width:100%}.stats-container{grid-template-columns:repeat(2,1fr)}.filter-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.email-item{align-items:flex-start;flex-direction:column}.email-meta{flex-direction:row;justify-content:space-between;margin-left:0;margin-top:12px;width:100%}.email-list-loading{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.email-list-loading .spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.email-list-empty{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:8px;color:#718096;margin:20px;padding:60px 20px;text-align:center}.email-list-empty .empty-icon{font-size:48px;margin-bottom:16px}.email-list-empty h4{color:#4a5568;font-size:18px;margin:0 0 8px}.email-list-empty p{font-size:14px;margin:0}.badge-archived{background:#e2e8f0;color:#4a5568}.badge-draft{background:#e9d8fd;color:#6b46c1}.email-item.archived{background:#f7fafc;opacity:.6}.email-item.archived:hover{opacity:.8}.email-actions{display:flex;gap:4px;margin-top:8px}.btn-action{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;padding:4px 8px;transition:all .2s}.btn-not-spam{background:#d4edda;color:#155724}.btn-not-spam:hover{background:#c3e6cb}.btn-spam{background:#f8d7da;color:#721c24}.btn-spam:hover{background:#f5c6cb}.btn-reclassify{background:#e2e3e5;color:#383d41}.btn-reclassify:hover{background:#d6d8db}.email-item{border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background .2s}.email-item:hover{background:#f8f9fa}.email-item.spam{background:#fff5f5;border-left:3px solid #dc3545}.email-item.unread{background:#f0f7ff}.email-main{flex:1 1;min-width:0}.email-sender{color:#333;font-weight:600;margin-bottom:4px}.email-subject{color:#555;margin-bottom:4px}.email-preview,.email-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-preview{color:#888;font-size:.85rem}.email-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px;min-width:150px}.email-date{color:#888;font-size:.85rem}.badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 8px}.badge-spam{background:#f8d7da;color:#721c24}.badge-automated{background:#fff3cd;color:#856404}.badge-human{background:#cce5ff;color:#004085}.badge-needs-response{background:#d4edda;color:#155724}.badge-archived{background:#e2e3e5;color:#383d41}.badge-new{background:#d1ecf1;color:#0c5460}}.quick-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#333;font-size:1.1rem;margin-bottom:20px;padding:16px 24px}.quick-summary span{margin-right:8px}.status-badge.responded{background:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.action-buttons{display:flex;flex-wrap:wrap;gap:6px}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 10px;transition:all .2s;white-space:nowrap}.spam-btn{background:#fee2e2;color:#dc2626}.spam-btn:hover{background:#fecaca}.archive-btn{background:#e0e7ff;color:#4f46e5}.archive-btn:hover{background:#c7d2fe}.needs-response-btn{background:#d1fae5;color:#059669}.needs-response-btn:hover{background:#a7f3d0}.not-spam-btn{background:#d1fae5;color:#059669}.not-spam-btn:hover{background:#a7f3d0}.status-badge.badge-responded{background:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.settings-page{margin:0 auto;max-width:800px;padding:24px}.settings-page h1{color:#333;margin-bottom:24px}.settings-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.settings-section h2{border-bottom:1px solid #eee;color:#333;font-size:1.1rem;margin:0 0 16px;padding-bottom:12px}.section-hint{color:#666;font-size:.85rem}.section-hint,.setting-row{margin-bottom:16px}.setting-row label{align-items:center;color:#333;cursor:pointer;display:flex;gap:8px}.setting-row input[type=checkbox]{height:18px;width:18px}.setting-row input[type=range]{margin-top:8px;width:100%}.settings-section textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:.95rem;padding:12px;resize:vertical;width:100%}.status-card{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.connected{color:#28a745;font-weight:600}.disconnected{color:#dc3545;font-weight:600}.last-sync{color:#666;font-size:.85rem;margin-top:8px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.stat{background:#f8f9fa;border-radius:8px;padding:16px;text-align:center}.stat-value{color:#4a90a4;display:block;font-size:2rem;font-weight:700}.stat-label{color:#666;font-size:.85rem}.settings-actions{margin-top:24px;text-align:center}.message{border-radius:8px;margin-bottom:16px;padding:12px 16px}.message.success{background:#d4edda;color:#155724}.message.error{background:#f8d7da;color:#721c24}
/*# sourceMappingURL=main.6b2948ba.css.map*/