:root{color-scheme:light only}:focus{outline:2px solid #007aff;outline-offset:2px}[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid #007aff;outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid #007aff;outline-offset:2px}button:focus-visible{box-shadow:0 0 0 4px #007aff33;outline:3px solid #007aff;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){a,button{outline-width:4px}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:fadeIn .5s ease-in-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:60px 40px;text-align:center;width:100%}.logo{animation:bounce 1s ease-in-out;margin-bottom:30px}.app-name{color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:48px;font-weight:700;margin:0 0 10px}.tagline{color:#666;font-size:18px;font-weight:500;margin:0 0 50px}.sign-in-button{align-items:center;background:#007aff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .2s ease;width:100%}.sign-in-button:hover{background:#0051d5;box-shadow:0 4px 12px #007aff66;transform:translateY(-2px)}.sign-in-button:active{box-shadow:0 2px 6px #007aff4d;transform:translateY(0)}.sign-in-button:focus{box-shadow:0 0 0 3px #007aff33;outline:none}.sign-in-button svg{flex-shrink:0}.error-message{animation:shake .3s ease-in-out;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;gap:10px;margin-top:20px;padding:12px 16px;text-align:left}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-message svg{flex-shrink:0}.error-message span{flex:1 1}.footer-text{color:#999;font-size:12px;line-height:1.5;margin-top:40px}.footer-text a{color:#007aff;font-weight:500;text-decoration:none}.footer-text a:hover{text-decoration:underline}@media (max-width:500px){.login-card{padding:40px 30px}.app-name{font-size:36px}.tagline{font-size:16px}}.callback-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.callback-card{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:450px;padding:60px 40px;text-align:center;width:100%}.loading-state h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:30px 0 10px}.loading-state p{font-size:16px;margin:0 0 30px}.spinner{border:4px solid #f3f3f3;height:64px;margin:0 auto 30px;width:64px}.progress-dots{display:flex;gap:8px;justify-content:center}.dot{animation:bounce 1.4s ease-in-out infinite;background:#007aff;border-radius:50%;height:8px;width:8px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.error-state{border-left:4px solid #f44336}.error-icon{animation:errorShake .5s ease-in-out;margin-bottom:20px}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-state h2{color:#f44336;font-size:24px;font-weight:600;margin:0 0 10px}.error-text{color:#666;font-size:16px;margin:0 0 20px}.redirect-text{color:#999;font-size:14px;font-style:italic;margin:0}@media (max-width:500px){.callback-card{padding:40px 30px}.error-state h2,.loading-state h2{font-size:20px}.error-text,.loading-state p{font-size:14px}}.avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative}.avatar-image{opacity:0;transition:opacity .2s ease-in-out}.avatar-image.loaded{opacity:1}.avatar-initial{font-weight:600;-webkit-user-select:none;user-select:none}.notion-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notion-modal-container{animation:slideUp .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.notion-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.notion-modal-title{color:#333;font-size:18px;font-weight:600;margin:0}.notion-modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;transition:color .2s ease}.notion-modal-close:hover{color:#333}.notion-current-link{align-items:center;background-color:#f0f7ff;border-bottom:1px solid #d0e4ff;display:flex;gap:16px;justify-content:space-between;padding:16px 24px}.notion-current-link-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.notion-current-link-icon{flex-shrink:0;font-size:20px}.notion-current-link-title{color:#666;font-size:12px;margin-bottom:4px}.notion-current-link-page{color:#007aff;display:block;font-size:14px;font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.notion-current-link-page:hover{text-decoration:underline}.notion-unlink-button{background-color:#fff;border:1px solid #ff3b30;border-radius:6px;color:#ff3b30;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease,color .2s ease}.notion-unlink-button:hover:not(:disabled){background-color:#ff3b30;color:#fff}.notion-unlink-button:disabled{cursor:not-allowed;opacity:.5}.notion-not-crm-section{background-color:#fffbeb;border:1px solid #fbbf24;border-radius:8px;margin:16px;padding:12px 16px}.notion-not-crm-button{align-items:center;background-color:#fff;border:1px solid #d97706;border-radius:6px;color:#92400e;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:background-color .2s ease,color .2s ease;width:100%}.notion-not-crm-button:hover:not(:disabled){background-color:#fef3c7;border-color:#b45309}.notion-not-crm-button.active{background-color:#fbbf24;border-color:#92400e;color:#78350f}.notion-not-crm-button.active:hover:not(:disabled){background-color:#fcd34d}.notion-not-crm-button:disabled{cursor:not-allowed;opacity:.5}.notion-not-crm-icon{font-size:16px;font-weight:700}.notion-not-crm-status{color:#92400e;display:block;font-size:12px;font-style:italic;margin-top:8px;text-align:center}.notion-modal-tabs{background-color:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex}.notion-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:background-color .2s ease,color .2s ease}.notion-tab:hover{background-color:#f0f0f0}.notion-tab.active{background-color:#fff;border-bottom-color:#007aff;color:#007aff}.notion-modal-body{flex:1 1;overflow-y:auto;padding:24px}.notion-search-mode{display:flex;flex-direction:column;gap:20px}.notion-search-input-wrapper{display:flex;gap:8px}.notion-search-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:10px 14px;transition:border-color .2s ease}.notion-search-input:focus{border-color:#007aff;outline:none}.notion-search-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.notion-search-button{background-color:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease;white-space:nowrap}.notion-search-button:hover:not(:disabled){background-color:#0056b3}.notion-search-button:disabled{cursor:not-allowed;opacity:.5}.notion-search-results{display:flex;flex-direction:column;gap:12px}.notion-results-header{border-bottom:1px solid #e0e0e0;color:#666;font-size:13px;font-weight:500;padding-bottom:8px}.notion-results-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.notion-result-item{align-items:center;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px;transition:background-color .2s ease,border-color .2s ease}.notion-result-item:hover{background-color:#f9f9f9;border-color:#007aff}.notion-result-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.notion-page-icon{flex-shrink:0;font-size:20px}.notion-page-icon-placeholder{flex-shrink:0;font-size:20px;opacity:.5}.notion-page-icon-img{flex-shrink:0;height:20px;object-fit:contain;width:20px}.notion-result-text{flex:1 1;min-width:0}.notion-result-title{color:#333;font-size:14px;font-weight:500}.notion-result-field,.notion-result-title{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notion-result-field{background-color:#f0f7ff;border-radius:4px;color:#555;display:inline-block;font-size:13px;max-width:100%;padding:4px 8px}.notion-result-field strong{color:#007aff;font-weight:600;margin-right:6px}.notion-result-url{color:#999;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notion-link-button{background-color:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.notion-link-button:hover:not(:disabled){background-color:#0056b3}.notion-link-button:disabled{cursor:not-allowed;opacity:.5}.notion-url-mode{display:flex;flex-direction:column;gap:20px}.notion-url-input-wrapper{display:flex;gap:8px}.notion-url-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:10px 14px;transition:border-color .2s ease}.notion-url-input:focus{border-color:#007aff;outline:none}.notion-url-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.notion-url-button{background-color:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease;white-space:nowrap}.notion-url-button:hover:not(:disabled){background-color:#0056b3}.notion-url-button:disabled{cursor:not-allowed;opacity:.5}.notion-url-help{background-color:#f9f9f9;border-radius:8px;color:#666;font-size:13px;padding:16px}.notion-url-help p{margin:0 0 12px}.notion-url-help ol{margin:0 0 12px;padding-left:20px}.notion-url-help li{margin-bottom:6px}.notion-url-example{color:#999;font-family:monospace;font-size:12px;margin:0}.notion-error-message{align-items:center;background-color:#fff3f3;border:1px solid #fcc;border-radius:6px;color:#d32f2f;display:flex;font-size:13px;gap:8px;margin-top:16px;padding:12px 16px}.notion-error-icon{flex-shrink:0;font-size:16px}.notion-loading{align-items:center;color:#666;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:40px 20px}.notion-loading-spinner{animation:spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#007aff;height:32px;width:32px}@media (max-width:768px){.notion-modal-container{max-height:90vh;width:95%}.notion-modal-header{padding:16px 20px}.notion-modal-title{font-size:16px}.notion-modal-body{padding:20px}.notion-search-input-wrapper,.notion-url-input-wrapper{flex-direction:column}.notion-search-button,.notion-url-button{width:100%}.notion-result-item{align-items:flex-start;flex-direction:column}.notion-link-button{width:100%}.notion-current-link{align-items:flex-start;flex-direction:column}.notion-unlink-button{width:100%}}.email-thread-row{background-color:#fff;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s ease}.email-thread-row:hover{background-color:#f5f5f5}.email-thread-row.unread{background-color:#f0f7ff}.email-thread-row.unread:hover{background-color:#e6f2ff}.email-thread-row.new{animation:newThreadPulse 2s ease-out;background-color:#f0fff4}@keyframes newThreadPulse{0%{background-color:#d1fae5}to{background-color:#f0fff4}}.thread-row-content{display:flex;gap:12px;width:100%}.thread-avatar{flex-shrink:0;height:40px;width:40px}.avatar-image{object-fit:cover}.avatar-image,.avatar-initials{border-radius:50%;height:100%;width:100%}.avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center;text-transform:uppercase}.thread-main{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.thread-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.thread-subject-wrapper{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.unread-indicator{color:#007aff;flex-shrink:0;font-size:10px}.thread-subject{color:#333;flex:1 1;font-size:15px;font-weight:400;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-subject.unread-text{color:#000;font-weight:600}.attachment-icon,.important-icon{flex-shrink:0;font-size:14px}.attachment-icon{opacity:.6}.assigned-icon{flex-shrink:0;font-size:14px;opacity:.7}.assigned-avatar-wrapper{margin-left:2px}.assigned-avatar-wrapper,.notion-link-icon{align-items:center;display:inline-flex;flex-shrink:0}.notion-link-icon{color:#666;justify-content:center;opacity:.7;text-decoration:none;transition:opacity .2s ease,color .2s ease}.notion-link-icon:hover{color:#007aff;opacity:1}.notion-link-icon svg{display:block}.notion-page-badge{background-color:#e8f5e9;border-radius:12px;color:#2e7d32;display:inline-block;flex-shrink:1;font-size:11px;font-weight:500;max-width:150px;min-width:70px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.notion-not-crm-icon{align-items:center;background-color:#fef3c7;border-radius:50%;color:#92400e;cursor:help;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;height:18px;justify-content:center;margin-left:6px;width:18px}.thread-time{flex-shrink:0}.thread-participants,.thread-time{color:#666;font-size:13px;white-space:nowrap}.thread-participants{overflow:hidden;text-overflow:ellipsis}.extra-count{color:#999;font-size:12px}.thread-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.thread-tag{border:1px solid;border-radius:12px;display:inline-block;padding:2px 8px}.extra-tags-count,.thread-tag{font-size:11px;font-weight:500}.extra-tags-count{color:#999}.thread-preview{color:#999;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-row-checkbox{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:4px;width:20px}.thread-row-checkbox input[type=checkbox]{accent-color:#007aff;cursor:pointer;height:18px;width:18px}.email-thread-row.selected{background-color:#e8f4ff;border-left:3px solid #007aff;padding-left:13px}.email-thread-row.selected.unread,.email-thread-row.selected:hover{background-color:#d6ecff}.email-thread-row.selected.unread:hover{background-color:#c4e4ff}.email-thread-row.blacklisted{background-color:#ffe5e5}.email-thread-row.blacklisted:hover{background-color:#ffd6d6}.email-thread-row.blacklisted.unread{background-color:#fcc}.email-thread-row.blacklisted.unread:hover{background-color:#ffb8b8}.email-thread-row.blacklisted.selected{background-color:#ffd6d6;border-left:3px solid #dc2626}.email-thread-row.blacklisted.selected:hover{background-color:#ffc7c7}.email-thread-row:focus{outline:2px solid #007aff;outline-offset:-2px}@media (max-width:768px){.email-thread-row{padding:10px 12px}.email-thread-row.selected{padding-left:9px}.thread-avatar{height:36px;width:36px}.thread-subject{font-size:14px}.thread-participants,.thread-preview{font-size:12px}.thread-row-checkbox{margin-right:2px;width:18px}.thread-row-checkbox input[type=checkbox]{height:16px;width:16px}}.keyboard-shortcut-help-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.keyboard-shortcut-help-modal{animation:slideUp .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:90%}.keyboard-shortcut-help-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:20px 24px}.keyboard-shortcut-help-header h2{color:#1d1d1f;font-size:20px;font-weight:600;margin:0}.keyboard-shortcut-help-close{background:none;border:none;color:#86868b;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:color .2s ease}.keyboard-shortcut-help-close:hover{color:#1d1d1f}.keyboard-shortcut-help-content{flex:1 1;overflow-y:auto;padding:24px}.shortcut-group{margin-bottom:32px}.shortcut-group:last-child{margin-bottom:0}.shortcut-group-title{color:#86868b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.shortcut-list{display:flex;flex-direction:column;gap:12px}.shortcut-item{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s ease}.shortcut-item:hover{background-color:#007aff0d}.shortcut-keys{align-items:center;display:flex;gap:4px;min-width:140px}.shortcut-key{align-items:center;background-color:#f5f5f7;border:1px solid #0000001a;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#1d1d1f;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;font-size:13px;font-weight:500;height:28px;justify-content:center;min-width:32px;padding:0 8px}.shortcut-plus{color:#86868b;font-size:12px;margin:0 2px}.shortcut-description{color:#1d1d1f;flex:1 1;font-size:14px;text-align:right}.keyboard-shortcut-help-footer{background-color:#f5f5f7;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #0000001a;padding:16px 24px}.shortcut-tip{color:#86868b;font-size:13px;margin:0;text-align:center}.shortcut-tip kbd{align-items:center;background-color:#fff;border:1px solid #0000001a;border-radius:4px;color:#1d1d1f;display:inline-flex;font-family:monospace;font-size:12px;font-weight:500;height:20px;justify-content:center;margin:0 4px;min-width:24px;padding:0 6px}@media not all{.keyboard-shortcut-help-modal{background-color:#2c2c2e;box-shadow:0 20px 60px #0009}.keyboard-shortcut-help-header h2{color:#f5f5f7}.keyboard-shortcut-help-close{color:#98989d}.keyboard-shortcut-help-close:hover{color:#f5f5f7}.shortcut-group-title{color:#98989d}.shortcut-item:hover{background-color:#0a84ff1a}.shortcut-key{background-color:#3a3a3c;border-color:#ffffff1a;box-shadow:0 1px 2px #0003;color:#f5f5f7}.shortcut-plus{color:#98989d}.shortcut-description{color:#f5f5f7}.keyboard-shortcut-help-footer{background-color:#1c1c1e;border-top-color:#ffffff1a}.shortcut-tip{color:#98989d}.shortcut-tip kbd{background-color:#3a3a3c;border-color:#ffffff1a;color:#f5f5f7}}.email-list-view{background-color:#fff;display:flex;flex-direction:column;height:100vh}.email-list-header{align-items:center;background-color:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.email-list-header h1{color:#333;font-size:24px;font-weight:600;margin:0}.header-buttons{gap:12px}.header-buttons,.sync-button{align-items:center;display:flex}.sync-button{background-color:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease}.sync-button:hover:not(:disabled){background-color:#0051d5}.sync-button svg{flex-shrink:0}.sync-button:disabled{cursor:not-allowed;opacity:.6}.assignment-checkbox-header{align-items:center;background-color:#f0f0f0;border:1px solid #d0d0d0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.assignment-checkbox-header:hover{background-color:#e5e5e5;border-color:#b0b0b0}.assignment-checkbox-header input[type=checkbox]{accent-color:#007aff;cursor:pointer;height:16px;width:16px}.spinning{animation:spin 1s linear infinite}.search-bar{border-bottom:1px solid #e0e0e0;padding:12px 20px;position:relative}.search-input{border:1px solid #d0d0d0;border-radius:8px;font-size:14px;outline:none;padding:10px 36px 10px 12px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#007aff}.search-clear{background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:4px 8px;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.search-clear:hover{color:#666}.folder-filters{border-bottom:1px solid #e0e0e0;display:flex;gap:8px;overflow-x:auto;padding:12px 20px;scrollbar-width:thin}.folder-button{background-color:#f0f0f0;border:1px solid #d0d0d0;border-radius:6px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.folder-button:hover{background-color:#e5e5e5}.folder-button.active{background-color:#007aff;border-color:#007aff;color:#fff}.tag-filters{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:8px;overflow-x:auto;padding:12px 20px;scrollbar-width:thin}.filter-label{font-weight:600}.filter-label,.tag-filter-button{color:#666;font-size:13px;white-space:nowrap}.tag-filter-button{background-color:#f0f0f0;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;font-weight:500;padding:6px 14px;transition:all .2s ease}.tag-filter-button:hover{background-color:#e5e5e5}.tag-filter-button.active{background-color:#34c759;border-color:#34c759;color:#fff}.error-message{align-items:center;background-color:#fff3f3;border-bottom:1px solid #ffd0d0;color:#d32f2f;display:flex;font-size:14px;justify-content:space-between;padding:12px 20px}.retry-button{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease}.retry-button:hover{background-color:#b71c1c}.thread-list{flex:1 1;overflow-y:auto;scrollbar-width:thin}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-state p{color:#666;font-size:14px;margin:0}.empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.empty-state p{color:#999;font-size:15px;margin:0}.clear-search-button{background-color:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.clear-search-button:hover{background-color:#0051d5}.spinner{animation:spin 1s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#007aff;height:32px;width:32px}.loading-more{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:20px}.loading-more p{color:#666;font-size:13px;margin:0}.loading-more .spinner{border-width:2px;height:24px;width:24px}.end-of-list{color:#999;font-size:13px;padding:20px;text-align:center}.end-of-list p{margin:0}.scroll-target{height:1px;width:100%}.bulk-selection-toolbar{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;min-height:44px;padding:8px 20px}.select-all-checkbox{align-items:center;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.select-all-checkbox input[type=checkbox]{accent-color:#007aff;cursor:pointer;height:16px;width:16px}.clear-selection-button{background-color:initial;border:1px solid #007aff;border-radius:4px;color:#007aff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;margin-left:auto;padding:4px 10px;transition:all .2s ease}.clear-selection-button:hover{background-color:#007aff;color:#fff}.bulk-actions{align-items:center;display:flex;flex:1 1;gap:6px}.bulk-action-button{align-items:center;background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px;transition:all .2s ease}.bulk-action-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#007aff;color:#007aff}.bulk-action-button:disabled{cursor:not-allowed;opacity:.5}.bulk-action-button svg{flex-shrink:0;height:14px;width:14px}.bulk-action-delete{color:#d32f2f}.bulk-action-delete:hover{background-color:#fff3f3;border-color:#d32f2f;color:#d32f2f}.bulk-action-dropdown{position:relative}.labels-dropdown-menu{background-color:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:1000}.labels-dropdown-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;transition:background-color .2s ease}.labels-dropdown-item:hover{background-color:#f5f5f5}.labels-dropdown-item.disabled{color:#999;cursor:not-allowed;font-style:italic}.labels-dropdown-item.disabled:hover{background-color:#fff}.label-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.bulk-action-progress{background-color:#e8f7ed;border-bottom:1px solid #c3e6cb;border-top:2px solid #28a745;color:#155724;gap:12px}@media (max-width:768px){.email-list-header{padding:12px 16px}.email-list-header h1{font-size:20px}.folder-filters,.search-bar,.tag-filters{padding:10px 16px}.folder-button,.tag-filter-button{font-size:12px;padding:5px 12px}.bulk-selection-toolbar{gap:8px;padding:6px 16px}.bulk-actions{flex-wrap:nowrap;gap:4px;overflow-x:auto}.bulk-action-button{font-size:11px;padding:4px 8px}.bulk-action-button span{display:none}.bulk-action-button svg{height:12px;width:12px}}.bulk-action-progress{align-items:center;background-color:#e8f5e9;border-bottom:1px solid #c8e6c9;color:#2e7d32;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 20px}.bulk-action-progress .spinner{animation:spin .8s linear infinite;border:2px solid #2e7d32;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.sidebar{background-color:#f8f9fa;border-right:1px solid #0000001a;display:flex;flex-direction:column;height:100vh;overflow-y:auto;width:240px}.sidebar-header{align-items:center;background-color:#fff;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:16px}.sidebar-title{color:#1d1d1f;flex:1 1;font-size:18px;font-weight:600;text-align:center}.sidebar-collapse-btn{align-items:center;background:#0000;border:1px solid #d1d1d6;border-radius:6px;color:#1d1d1f;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.sidebar-collapse-btn:hover{background:#e8e8ed;border-color:#b8b8bd}.sidebar-collapse-btn:active{background:#d1d1d6;transform:scale(.95)}.sidebar-compose{padding:12px 12px 16px}.compose-button{align-items:center;background-color:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:background-color .2s;width:100%}.compose-button:hover{background-color:#0051d5}.compose-icon{font-size:16px}.compose-text{font-size:14px}.sidebar-section{padding:0}.sidebar-folders{display:flex;flex-direction:column}.sidebar-spacer{flex:1 1;min-height:20px}.sidebar-bottom{margin-top:auto;padding-bottom:12px}.sidebar-divider{background-color:#0000001a;height:1px;margin:8px 12px}.sidebar-item{align-items:center;background-color:initial;border:none;border-radius:0;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 16px;text-align:left;transition:background-color .2s;width:100%}.sidebar-item:hover{background-color:#0000000d}.sidebar-item.selected{background-color:#007aff1a;color:#007aff;font-weight:500}.sidebar-item-icon{font-size:18px}.sidebar-item-icon,.sidebar-tag-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:20px}.sidebar-tag-icon{font-size:16px}.sidebar-item-text{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-badge{background-color:#007aff;border-radius:10px;color:#fff;font-size:11px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.sidebar-tags{display:flex;flex-direction:column;margin-bottom:8px}.sidebar-sync-status{align-items:center;background-color:initial;border:1px solid #00000014;border-radius:6px;display:flex;font-size:12px;gap:10px;margin:8px 12px 12px;padding:10px 16px;transition:all .2s ease}.sidebar-sync-status.connected{background-color:#34c7590d;border-color:#34c75933}.sidebar-sync-status.disconnected{background-color:#00000005;border-color:#00000014}.sync-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:transform .3s ease;width:20px}.sync-icon.spinning{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sync-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sync-text{color:#333;font-size:12px;font-weight:500;line-height:1.3}.sidebar-sync-status.connected .sync-text{color:#34c759}.sidebar-sync-status.disconnected .sync-text{color:#999}.sync-time{color:#999;font-size:11px;font-weight:400;line-height:1.2}.sidebar-settings{color:#007aff}.sidebar-logout{color:#ff3b30}.sidebar-logout:hover{background-color:#ff3b300d}.sidebar-loading{color:#666;font-size:13px;padding:12px 16px;text-align:center}@media (max-width:768px){.sidebar{width:200px}.compose-button{font-size:13px;padding:8px 12px}.sidebar-item{font-size:13px;padding:6px 12px}}@media not all{.sidebar{background-color:#1c1c1e;border-right-color:#ffffff1a}.sidebar-item{color:#fff}.sidebar-divider{background-color:#ffffff1a}.sidebar-loading{color:#999}}.skip-link{background:#007aff;border-radius:0 0 8px 0;color:#fff;font-size:14px;font-weight:600;left:0;padding:12px 20px;position:absolute;text-decoration:none;top:-40px;transition:top .2s ease;z-index:10000}.skip-link:focus{outline:3px solid #fff;outline-offset:2px;top:0}.email-composer-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.email-composer-modal{animation:slideUp .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.composer-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #0000001a;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.composer-title{align-items:center;color:#000;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0}.composer-icon{font-size:24px}.composer-header-actions{display:flex;gap:12px}.composer-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.composer-cancel-btn{background-color:initial;border:1px solid #0003;color:#666}.composer-cancel-btn:hover:not(:disabled){background-color:#0000000d}.composer-send-btn{background-color:#007aff;color:#fff}.composer-send-btn:hover:not(:disabled){background-color:#0051d5}.composer-cancel-btn:disabled,.composer-send-btn:disabled{cursor:not-allowed;opacity:.5}.composer-error{background-color:#ff3b301a;border:1px solid #ff3b304d;border-radius:8px;font-size:14px;justify-content:space-between;margin:16px 20px 0;padding:12px 16px}.composer-error,.composer-error .error-close{align-items:center;color:#ff3b30;display:flex}.composer-error .error-close{background:none;border:none;cursor:pointer;font-size:24px;height:24px;justify-content:center;padding:0;width:24px}.composer-error .error-close:hover{opacity:.7}.composer-content{flex:1 1;overflow-y:auto;padding:20px}.composer-field{align-items:center;display:flex;margin-bottom:12px}.composer-label{color:#333;font-size:14px;font-weight:500;min-width:80px}.composer-input{border:1px solid #0003;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.composer-input:focus{border-color:#007aff}.composer-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.composer-actions{display:flex;gap:12px;margin-bottom:16px;margin-left:80px}.composer-action-btn{background-color:initial;border:1px solid #0003;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.composer-action-btn:hover:not(:disabled){background-color:#0000000d;border-color:#0000004d}.composer-action-btn:disabled{cursor:not-allowed;opacity:.5}.composer-attachments{background-color:#f8f9fa;border:1px solid #0000001a;border-radius:8px;margin-bottom:16px;margin-left:80px;padding:12px}.attachments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.attachments-title{color:#333;font-size:14px;font-weight:500}.remove-all-btn{background-color:initial;border:none;border-radius:4px;color:#ff3b30;cursor:pointer;font-size:13px;padding:4px 12px;transition:background-color .2s}.remove-all-btn:hover:not(:disabled){background-color:#ff3b301a}.remove-all-btn:disabled{cursor:not-allowed;opacity:.5}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-item{align-items:center;background-color:#fff;border:1px solid #0000001a;border-radius:6px;display:flex;gap:8px;padding:8px}.attachment-icon{font-size:20px}.attachment-name{color:#333;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#666;font-size:12px}.remove-attachment-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.remove-attachment-btn:hover:not(:disabled){background-color:#ff3b301a;color:#ff3b30}.remove-attachment-btn:disabled{cursor:not-allowed;opacity:.5}.composer-editor{display:flex;flex-direction:column;margin-left:0}.composer-editor .composer-label{margin-bottom:8px}.composer-textarea{border:1px solid #0003;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;min-height:200px;outline:none;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.composer-textarea:focus{border-color:#007aff}.composer-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}@media (max-width:768px){.email-composer-modal{max-height:95vh;width:95%}.composer-field{align-items:flex-start;flex-direction:column}.composer-label{margin-bottom:4px}.composer-input{width:100%}.composer-actions,.composer-attachments{margin-left:0}}.main-layout{height:100vh}.main-content,.main-layout{display:flex;overflow:hidden}.main-content{flex:1 1;flex-direction:column}.sidebar-container{flex-shrink:0;overflow:hidden;position:relative;transition:width .3s ease;width:240px}.sidebar-container.collapsed{width:48px}.sidebar-expand-btn{align-items:center;background:#f5f5f7;border:1px solid #d1d1d6;border-radius:8px;color:#1d1d1f;cursor:pointer;display:flex;height:36px;justify-content:center;left:50%;position:absolute;top:12px;transform:translateX(-50%);transition:all .2s ease;width:36px}.sidebar-expand-btn:hover{background:#e8e8ed;border-color:#b8b8bd;box-shadow:0 2px 8px #0000001a}.sidebar-expand-btn:active{background:#d1d1d6;transform:translateX(-50%) scale(.95)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-screen{align-items:center;background:#f5f7fa;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-screen .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007aff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen p{color:#666;font-size:16px;margin:0}
/*# sourceMappingURL=main.6b825629.css.map*/