:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-light:#e0e7ff;--secondary-color:#64748b;--secondary-hover:#475569;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--text-main:#1e293b;--text-secondary:#64748b;--text-inverse:#fff;--border-color:#e2e8f0;--border-focus:#6366f1;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root{--bg-app:#0f172a;--bg-surface:#1e293b;--bg-surface-hover:#334155;--text-main:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--primary-light:#312e81}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:900px;min-height:100vh;padding:40px 20px}.app-header{animation:fadeIn .5s ease-out;text-align:center}.logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:12px}.logo-icon{background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary-color);display:flex;padding:8px}h1{color:var(--text-main);font-size:2rem;font-weight:700;letter-spacing:-.025em}.subtitle{color:var(--text-secondary);font-size:1.1rem}.stats-container{animation:slideUp .5s ease-out .1s backwards;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.stat-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:20px;transition:var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);display:flex;padding:12px}.stat-icon.files{background-color:#e0f2fe;color:#0ea5e9}.stat-icon.emails{background-color:#dcfce7;color:#10b981}.stat-info{display:flex;flex-direction:column}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.stat-value{color:var(--text-main);font-size:1.5rem;font-weight:700}.upload-section{animation:slideUp .5s ease-out .2s backwards}.drop-zone{background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:24px;padding:40px;text-align:center;transition:var(--transition)}.drop-zone.drag-over,.drop-zone:hover{background-color:var(--bg-surface-hover);border-color:var(--primary-color)}.drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-icon{color:var(--primary-color);margin-bottom:8px;transition:var(--transition)}.drop-zone:hover .upload-icon{transform:scale(1.1)}.drop-zone-title{color:var(--text-main);font-size:1.25rem;font-weight:600}.drop-zone-subtitle{color:var(--text-secondary);margin-bottom:16px}.upload-options{display:flex;gap:12px;margin-top:8px}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;outline:none;padding:10px 20px;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));box-shadow:0 4px 6px -1px rgba(99,102,241,.3);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 8px -1px rgba(99,102,241,.4);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--text-secondary)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-main);font-size:.875rem;padding:8px 16px}.btn-outline:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.btn-large{font-size:1.1rem;justify-content:center;margin-top:24px;padding:16px;width:100%}.btn-loader{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:none;height:20px;margin-left:10px;width:20px}.btn.loading .btn-loader{display:block}.btn.loading .btn-text{opacity:.9}@keyframes spin{to{transform:rotate(1turn)}}.results-section{animation:slideUp .5s ease-out .3s backwards}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.results-header h2{font-size:1.5rem;font-weight:600;margin:0}.header-controls{align-items:center;display:flex;gap:16px}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-secondary);left:10px;pointer-events:none;position:absolute}.search-input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-family:inherit;font-size:.9rem;padding:8px 12px 8px 36px;transition:var(--transition);width:200px}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.search-clear{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;transition:var(--transition);width:20px}.search-clear:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.view-controls{align-items:center;display:flex}.view-toggle{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:4px;padding:4px}.view-btn{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;padding:6px;transition:var(--transition)}.view-btn.active{background:var(--primary-light);color:var(--primary-color)}.action-bar{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px}.email-item,.export-group{display:flex;gap:8px}.email-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);flex-wrap:wrap;font-family:Inter,monospace;justify-content:space-between;margin-bottom:12px;padding:16px;transition:var(--transition)}.email-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.email-text{font-weight:500;word-break:break-all}.email-source{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.75rem;max-width:200px;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap}.grid-view{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-view .email-item{align-items:flex-start;flex-direction:column;margin-bottom:0}.grid-view .email-source{max-width:100%}.empty-state{background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:40px;text-align:center}.empty-content{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px}.empty-icon{color:var(--border-color)}.progress-text{color:var(--primary-color);font-weight:500;margin:16px 0;min-height:24px;text-align:center}.progress-container{animation:fadeIn .3s ease-out;margin:20px 0;width:100%}.progress-bar{background-color:var(--border-color);height:8px;margin-bottom:8px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background-color:var(--primary-color);height:100%;transition:width .3s ease-out}.progress-status{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-align:center}.pagination-controls{align-items:center;animation:fadeIn .3s ease-out;border-top:1px solid var(--border-color);display:flex;gap:16px;justify-content:center;margin-top:24px;padding-top:20px}.page-info{color:var(--text-secondary);font-size:.9rem;font-weight:500;min-width:100px;text-align:center}.btn-sm{font-size:.875rem;height:36px;padding:8px 16px}.alert{align-items:center;animation:slideDown .3s cubic-bezier(.34,1.56,.64,1);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:flex;gap:12px;left:50%;min-width:300px;padding:12px 20px;position:fixed;top:24px;transform:translateX(-50%);z-index:1000}.alert.success{border-color:var(--success-color)}.alert.error{border-color:var(--error-color)}.alert.warning{border-color:var(--warning-color)}.alert-icon{align-items:center;display:flex}.alert.success .alert-icon{color:var(--success-color)}.alert.error .alert-icon{color:var(--error-color)}.alert.warning .alert-icon{color:var(--warning-color)}.alert.info .alert-icon{color:var(--info-color)}.alert-message{flex:1;font-size:.95rem;font-weight:500}.alert-close{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;padding:4px;transition:var(--transition)}.alert-close:hover{background:var(--bg-surface-hover);color:var(--text-main)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.app-container{padding:20px 16px}.stats-container{grid-template-columns:1fr}.action-bar{align-items:stretch;flex-direction:column}.export-group{justify-content:space-between}.export-group .btn{flex:1;padding:8px}.email-item{align-items:flex-start;flex-direction:column}.email-source{max-width:100%}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.search-wrapper{animation:fadeIn .3s ease-out}.brand-credit{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);bottom:24px;box-shadow:var(--shadow-sm);color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:6px;left:24px;opacity:.8;padding:8px 16px;position:fixed;text-decoration:none;transition:var(--transition);z-index:1000}.brand-credit:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);color:var(--primary-color);opacity:1;transform:translateY(-2px)}@media (max-width:768px){.brand-credit{bottom:16px;font-size:.8rem;left:16px;padding:6px 12px}}