*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:#fff;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.header h1{font-size:24px;margin-bottom:10px}.header-actions{display:flex;gap:10px;justify-content:flex-end}.button-secondary{background:#6c757d!important}.button-secondary:hover{background:#545b62!important}.button-outline{background:transparent!important;color:#007bff!important;border:2px solid #007bff!important}.button-outline:hover{background:#007bff!important;color:#fff!important}.search-form{margin-bottom:30px}.search-input{width:100%;padding:10px;font-size:16px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.email-list{margin-top:20px}.email-item{border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:15px;background:#fff}.email-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.email-header h3{margin:0;font-size:16px;color:#333}.email-date{font-size:12px;color:#666}.email-meta{display:flex;justify-content:space-between;margin-bottom:10px}.email-from{font-weight:500;color:#555}.email-uid{font-size:12px;color:#888}.email-snippet{color:#666;margin-bottom:10px;font-style:italic}.account-info{background:#e7f3ff;border:1px solid #b3d4fc;border-radius:4px;padding:10px;margin-bottom:20px;color:#0844a0}.account-info p{margin:0;font-weight:500}.button{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.button:hover{background:#0056b3}.button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.button:disabled .spinner{display:inline-block;margin-right:8px}.button-secondary{background:#6c757d}.button-secondary:hover{background:#545b62}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-title{font-size:18px;font-weight:600}.card-actions{display:flex;gap:10px}.card-info{color:#666;font-size:14px}.form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:600px;margin:0 auto}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:5px;font-weight:500;font-size:14px}.form-input,.form-select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-input:focus,.form-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-checkbox{margin-right:8px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.table thead{background:#f8f9fa}.table th{padding:12px;text-align:left;font-weight:600;font-size:14px;border-bottom:2px solid #dee2e6}.table td{padding:12px;border-bottom:1px solid #dee2e6;font-size:14px}.table tbody tr:hover{background:#f8f9fa}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination-info{font-size:14px;color:#666}.loading{text-align:center;padding:40px;color:#666}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#f8d7da;color:#721c24;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb}.empty-state{text-align:center;padding:40px;color:#666}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;background:#e9ecef;color:#495057}.badge-gmail{background:#ea4335;color:#fff}.badge-outlook{background:#0078d4;color:#fff}.badge-yahoo{background:#6001d2;color:#fff}.badge-custom{background:#6c757d;color:#fff}.oauth-section{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:600px;margin:0 auto 30px;border:2px solid #4285f4}.oauth-section h2{font-size:20px;margin-bottom:10px;color:#333}.oauth-description{color:#666;font-size:14px;margin-bottom:20px}.button-oauth{background:#4285f4;width:100%;font-size:16px;padding:12px 24px}.button-oauth:hover{background:#357ae8}.manual-form-section{max-width:600px;margin:0 auto 20px}.manual-form-section h2{font-size:20px;margin-bottom:10px;color:#333}.form-note{color:#666;font-size:14px;font-style:italic;margin-bottom:10px}.success{background:#d4edda;color:#155724;padding:15px;border-radius:6px;border:1px solid #c3e6cb}.messages-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.messages-header{background:#fff;padding:20px;border-bottom:1px solid #dee2e6;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.messages-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.messages-header-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.messages-header-left h1{font-size:24px;margin:0}.account-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-email{font-size:14px;color:#666;font-weight:500}.email-count{font-size:14px;color:#666;background:#f8f9fa;padding:4px 12px;border-radius:12px}.messages-content{flex:1;display:flex;flex-direction:column;overflow:hidden;max-width:1200px;width:100%;margin:0 auto;padding:20px}.messages-table-container{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.messages-table-container .table{margin:0;border-radius:0}.messages-pagination{flex-shrink:0;padding-top:20px}.messages-controls{margin-bottom:15px;display:flex;justify-content:flex-end}.sort-controls{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 15px;border-radius:6px;box-shadow:0 2px 4px #0000001a}.sort-label{font-size:14px;font-weight:500;color:#666}.sort-select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;outline:none}.sort-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.sort-order-button{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:16px;cursor:pointer;transition:all .2s;min-width:40px}.sort-order-button:hover{background:#e9ecef;border-color:#adb5bd}.sort-order-button:active{background:#dee2e6}.email-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.email-viewer-modal{background:#fff;border-radius:8px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.email-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.email-viewer-header h2{margin:0;font-size:20px;font-weight:600;color:#333;flex:1;padding-right:20px}.email-viewer-close{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.email-viewer-close:hover{background:#f0f0f0;color:#333}.email-viewer-content{padding:20px;overflow-y:auto;flex:1}.email-viewer-meta{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.email-meta-row{display:flex;margin-bottom:12px;gap:12px}.email-meta-row strong{min-width:100px;color:#666;font-weight:600}.email-meta-row span{flex:1;color:#333;word-break:break-word}.email-attachments{display:flex;flex-direction:column;gap:8px;margin-top:8px}.email-attachment{display:flex;align-items:center;gap:8px;padding:8px;background:#f8f9fa;border-radius:4px}.attachment-icon{font-size:16px}.attachment-name{flex:1;font-weight:500}.attachment-size{color:#666;font-size:14px}.email-viewer-body{margin-bottom:20px}.email-html-content{max-width:100%;overflow-x:auto;word-wrap:break-word}.email-html-content img{max-width:100%;height:auto}.email-text-content{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;line-height:1.6}.email-text-content pre{margin:0;font-family:inherit;white-space:pre-wrap;word-wrap:break-word}.email-no-content{color:#999;font-style:italic}.email-headers{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.email-headers summary{cursor:pointer;font-weight:600;color:#666;margin-bottom:10px;-webkit-user-select:none;user-select:none}.email-headers summary:hover{color:#333}.email-headers-content{background:#f8f9fa;padding:15px;border-radius:4px;font-size:13px;max-height:300px;overflow-y:auto}.email-header-row{display:flex;margin-bottom:8px;gap:12px;word-break:break-word}.email-header-row strong{min-width:150px;color:#666}.email-header-row span{flex:1;color:#333}.table-row-clickable{cursor:pointer;transition:background-color .2s}.table-row-clickable:hover{background-color:#f8f9fa}