*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f7fafc;color:#2d3748}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}*{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:450px}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:28px;margin-bottom:8px;color:#2d3748}.auth-header p{color:#718096}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:8px;color:#2d3748}.form-group input{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.error-message{background:#fed7d7;color:#c53030;padding:12px;border-radius:6px;font-size:14px}.auth-footer{text-align:center;margin-top:20px;color:#718096}.auth-footer a{color:#667eea;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.btn-primary,.btn-secondary,.btn-outline,.btn-gmail,.btn-icon,.btn-copy{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.btn-small{padding:6px 12px;font-size:12px;gap:4px}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-secondary{background:#48bb78;color:#fff}.btn-secondary:hover:not(:disabled){background:#38a169}.btn-outline{background:transparent;border:2px solid #e2e8f0;color:#2d3748}.btn-outline:hover{border-color:#667eea;color:#667eea}.btn-gmail{background:#4285f4;color:#fff;width:100%}.btn-gmail:hover:not(:disabled){background:#3367d6}.btn-icon{padding:8px;background:transparent;color:#718096}.btn-icon:hover{background:#f7fafc;color:#2d3748}.btn-copy{padding:6px 12px;background:#edf2f7;color:#2d3748;font-size:12px}.btn-copy:hover{background:#e2e8f0}button:disabled{opacity:.5;cursor:not-allowed}.dashboard{height:100vh;display:flex;flex-direction:column;overflow:hidden}.dashboard-header{background:#fff;border-bottom:2px solid #e2e8f0;padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.sync-banner{padding:12px 20px;text-align:center;font-weight:500;font-size:14px;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.sync-progress{background:linear-gradient(90deg,#ebf4ff,#c3dafe,#ebf4ff);background-size:200% 100%;animation:slideDown .3s ease,shimmer 2s infinite;color:#3182ce}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sync-success{background:#c6f6d5;color:#22543d}.sync-error{background:#fed7d7;color:#c53030}.header-left h1{font-size:24px;margin-bottom:4px}.header-left p{color:#718096;font-size:14px}.header-right{display:flex;gap:12px}.dashboard-content{display:flex;flex:1;overflow:hidden}.sidebar{width:300px;background:#fff;border-right:2px solid #e2e8f0;padding:20px;overflow-y:auto}.search-box{display:flex;align-items:center;gap:10px;padding:10px;background:#f7fafc;border-radius:6px;margin-bottom:20px}.search-box input{flex:1;border:none;background:transparent;font-size:14px}.search-box input:focus{outline:none}.filters{margin-bottom:30px}.filter-header{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:12px;color:#2d3748}.filter-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s;margin-bottom:4px}.filter-btn:hover{background:#f7fafc}.filter-btn.active{background:#eef2ff;color:#667eea;font-weight:600}.filter-name{text-transform:capitalize}.filter-count{background:#e2e8f0;padding:2px 8px;border-radius:12px;font-size:12px}.filter-btn.active .filter-count{background:#667eea;color:#fff}.stats{display:flex;flex-direction:column;gap:12px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f7fafc;border-radius:8px}.stat-value{font-size:24px;font-weight:700;color:#2d3748}.stat-label{font-size:12px;color:#718096}.settings-section{margin-top:24px;border-top:1px solid #e2e8f0;padding-top:16px}.settings-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s;color:#2d3748}.settings-header:hover{background:#f7fafc}.settings-title{display:flex;align-items:center;gap:8px;font-weight:600}.settings-content{padding:12px;background:#f7fafc;border-radius:8px;margin-top:8px}.setting-item{margin-bottom:16px}.setting-item label{display:block;font-size:12px;font-weight:600;color:#4a5568;margin-bottom:6px}.setting-item select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:14px;cursor:pointer}.setting-item select:focus{outline:none;border-color:#667eea}.formality-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.formality-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.formality-labels{display:flex;justify-content:space-between;font-size:10px;color:#718096;margin-top:4px}.btn-analyze{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#eef2ff;color:#667eea;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-analyze:hover:not(:disabled){background:#e0e7ff}.btn-analyze:disabled{opacity:.6;cursor:not-allowed}.last-analyzed{font-size:11px;color:#718096;text-align:center;margin-top:8px}.main-content{flex:1;overflow:hidden;background:#f7fafc}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;color:#718096}.empty-state h2{color:#2d3748}.email-view{display:grid;grid-template-columns:1fr 1fr;height:100%}.email-list{background:#fff;border-right:2px solid #e2e8f0;overflow-y:auto;height:100%}.email-item{display:flex;gap:16px;padding:20px;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background .2s}.email-item:hover{background:#f7fafc}.email-item.selected{background:#eef2ff;border-left:4px solid #667eea}.email-icon{flex-shrink:0}.email-content{flex:1;min-width:0}.email-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.email-sender{font-weight:600;color:#2d3748;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.email-date{font-size:12px;color:#718096;flex-shrink:0;white-space:nowrap}.email-subject{margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-meta{display:flex;gap:8px}.category-badge,.priority-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.priority-badge{background:#e2e8f0;color:#718096}.priority-badge.priority-high{background:#fed7d7;color:#c53030}.priority-badge.priority-medium{background:#feebc8;color:#c05621}.priority-badge.priority-low{background:#c6f6d5;color:#22543d}.thread-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 6px;background:#eef2ff;color:#667eea;font-size:11px;font-weight:600;border-radius:4px;vertical-align:middle}.email-detail{background:#fff;overflow-y:auto;padding:30px;height:100%}.email-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.email-detail-header h2{font-size:20px}.detail-section{margin-bottom:20px}.detail-section label{font-size:12px;font-weight:600;color:#718096;text-transform:uppercase;margin-bottom:8px;display:block}.detail-value{color:#2d3748}.category-pill{display:inline-block;padding:6px 12px;background:#eef2ff;color:#667eea;border-radius:6px;font-weight:600;text-transform:capitalize}.priority-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.priority-fill{height:100%;background:linear-gradient(90deg,#48bb78,#667eea);transition:width .3s}.priority-text{font-size:12px;color:#718096}.draft-section{margin-top:30px;padding-top:30px;border-top:2px solid #e2e8f0}.draft-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.draft-actions{display:flex;align-items:center;gap:8px}.draft-response,.draft-textarea{background:#f7fafc;padding:20px;border-radius:8px;white-space:pre-wrap;line-height:1.6;border:2px solid #e2e8f0;width:100%}.draft-textarea{font-family:inherit;font-size:14px;resize:vertical;color:#2d3748;transition:border-color .2s}.draft-textarea:focus{outline:none;border-color:#667eea;background:#fff}.draft-empty{background:linear-gradient(135deg,#f7fafc,#eef2ff);padding:30px;border-radius:8px;border:2px dashed #cbd5e0;text-align:center}.draft-empty p{color:#718096;font-size:14px;margin-bottom:16px}.btn-generate-draft{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea59}.btn-generate-draft:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea73}.btn-generate-draft:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-generate-draft .spin{animation:spin 1s linear infinite}.email-body-content{background:#f7fafc;padding:16px;border-radius:8px;border:1px solid #e2e8f0;white-space:pre-wrap;line-height:1.6;color:#2d3748;max-height:300px;overflow-y:auto;font-size:14px}.email-body-html{white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.email-body-html img{max-width:100%;height:auto}.email-body-html a{color:#3182ce;text-decoration:underline}.email-body-html blockquote{border-left:3px solid #e2e8f0;margin:8px 0;padding-left:12px;color:#718096}.detail-actions{margin-top:30px;display:flex;gap:12px}.gmail-connect{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 100px);padding:40px}.gmail-connect-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:60px 40px;max-width:600px;text-align:center}.gmail-icon{color:#667eea;margin-bottom:20px}.gmail-connect-card h2{margin-bottom:16px;font-size:28px}.gmail-connect-card>p{color:#718096;margin-bottom:30px;line-height:1.6}.features{background:#f7fafc;border-radius:8px;padding:24px;margin:30px 0;text-align:left}.feature{display:flex;align-items:center;gap:12px;padding:12px 0;color:#2d3748}.feature svg{color:#48bb78;flex-shrink:0}.privacy-note{margin-top:20px;font-size:12px;color:#718096}.hamburger-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;color:#2d3748;border-radius:6px;transition:background .2s}.hamburger-btn:hover{background:#f7fafc}.header-left{display:flex;align-items:center;gap:12px}.header-title h1{font-size:24px;margin-bottom:4px}.header-title p{color:#718096;font-size:14px}.sidebar-overlay{display:none}.email-detail-desktop-wrapper{display:block}.email-detail-mobile-wrapper{display:none}@media (max-width: 1024px){.email-view{grid-template-columns:1fr}.sidebar{width:250px}}@media (max-width: 768px){.dashboard-header{padding:10px 12px;flex-wrap:nowrap}.hamburger-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-left{flex:1;min-width:0;gap:8px}.header-title{min-width:0}.header-title h1{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-title p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{gap:6px;flex-shrink:0}.header-right .btn-secondary,.header-right .btn-outline{padding:6px 10px;font-size:11px}.header-right .btn-secondary span,.header-right .btn-outline span{display:none}.sidebar{position:fixed;top:0;left:-300px;width:280px;height:100vh;z-index:1001;transition:left .3s ease;padding-top:20px;box-shadow:2px 0 12px #00000026}.sidebar.sidebar-open{left:0}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.email-view{grid-template-columns:1fr;position:relative}.email-list{height:calc(100vh - 70px);border-right:none}.email-view .email-detail{position:fixed;top:60px;left:0;right:0;bottom:0;z-index:100;background:#fff;overflow-y:auto;box-shadow:0 -4px 20px #00000026;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.email-detail{padding:16px 16px 100px}.email-detail-header{margin-bottom:16px;padding-bottom:12px}.email-detail-header h2{font-size:16px}.detail-actions{position:fixed;bottom:0;left:0;right:0;padding:16px;background:#fff;box-shadow:0 -2px 10px #0000001a;margin-top:0;z-index:101}.detail-actions .btn-primary{width:100%;justify-content:center}.email-item{padding:12px 16px;gap:12px}.email-sender,.email-subject{font-size:13px}.email-meta{flex-wrap:wrap}.category-badge,.priority-badge{font-size:10px;padding:3px 6px}.dashboard-content{height:calc(100vh - 60px)}.main-content{height:100%}.gmail-connect{padding:16px;min-height:calc(100vh - 60px)}.gmail-connect-card{padding:24px 20px;max-width:100%;margin:0}.gmail-connect-card h2{font-size:20px;margin-bottom:12px}.gmail-connect-card>p{font-size:14px;margin-bottom:20px}.gmail-icon svg{width:48px;height:48px}.features{padding:16px;margin:20px 0}.feature{padding:8px 0;font-size:14px;gap:10px}.feature svg{width:18px;height:18px}.btn-gmail{padding:14px 20px;font-size:14px}.privacy-note{font-size:11px;margin-top:16px}.error-message{font-size:13px;padding:10px;margin-bottom:12px}.detail-section{margin-bottom:16px}.detail-section label{font-size:14px;margin-bottom:4px}.detail-value{font-size:14px}.category-pill{font-size:14px;padding:4px 10px}.priority-text,.draft-header label{font-size:14px}.draft-section{margin-top:20px;padding-top:20px}.draft-response,.draft-textarea{font-size:14px;padding:14px}.draft-actions .btn-copy,.draft-actions .btn-icon{font-size:14px;padding:6px 10px}.email-body-content{font-size:13px;padding:12px;max-height:150px}}.send-error{display:flex;align-items:center;gap:8px;background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.send-success{display:flex;align-items:center;gap:8px;background:#c6f6d5;color:#22543d;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.spin{animation:spin 1s linear infinite}