.email-list-container::-webkit-scrollbar{width:4px}.email-list-container::-webkit-scrollbar-track{background:transparent}.email-list-container::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:2px}.email-list-container::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.email-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.email-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.email-unread{background:linear-gradient(135deg,#ffffff,#f8fafc);border-left:3px solid #3b82f6}.email-read{background:#f9fafb;opacity:.85}.new-email-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 14px rgba(59,130,246,.3);transition:all .2s ease}.new-email-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px rgba(59,130,246,.4);transform:translateY(-1px)}.active-account-indicator{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.email-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.nav-item{position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.nav-item:hover:before{left:100%}.email-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.email-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.email-content blockquote{border-left:4px solid #e5e7eb;padding-left:16px;margin:16px 0;color:#6b7280;font-style:italic}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tooltip-content{background:rgba(0,0,0,.9);color:white;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.15)}.email-selected{background:rgba(59,130,246,.1);border-color:#3b82f6}.email-badge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;font-weight:500;letter-spacing:.025em}.email-badge.important{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}@media (max-width:1024px){.email-sidebar-compact{min-width:180px;max-width:200px}.email-list-compact{min-width:260px;max-width:300px}}@media (max-width:768px){.email-sidebar{width:100%;position:fixed;top:0;left:-100%;height:100vh;z-index:50;transition:left .3s ease}.email-sidebar.open{left:0}.email-content-area,.email-list{width:100%}.email-list-compact,.email-sidebar-compact{min-width:100%}}.email-compact-mode{font-size:.875rem;line-height:1.25rem}.email-compact-mode .email-item{padding:.5rem}.email-compact-mode .email-content,.email-compact-mode .email-header{padding:.75rem}.focus-visible:focus{outline:2px solid #3b82f6;outline-offset:2px}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.compose-modal{backdrop-filter:blur(8px);background:rgba(0,0,0,.5)}.compose-content{background:white;border-radius:12px;box-shadow:0 25px 50px rgba(0,0,0,.25)}.button-loading{position:relative;color:transparent}.button-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border-radius:50%;border:2px solid #ffffff;border-top-color:transparent;animation:spin 1s linear infinite}.email-layout-optimized{height:100vh;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column}.email-main-container{flex:1;display:flex;overflow:hidden;min-height:0}.email-sidebar-fixed{position:relative;overflow:hidden;flex-shrink:0;height:100%}.email-list-scroll-container{height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.email-list-header-fixed{flex-shrink:0;position:sticky;top:0;z-index:10;background:white;border-bottom:1px solid #e5e7eb}.email-list-content-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.email-list-content-scrollable::-webkit-scrollbar{width:6px}.email-list-content-scrollable::-webkit-scrollbar-track{background:transparent;border-radius:3px}.email-list-content-scrollable::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:3px;transition:background-color .2s ease}.email-list-content-scrollable::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.6)}.email-list-content-scrollable::-webkit-scrollbar-thumb:active{background:rgba(59,130,246,.8)}.email-content-fixed{height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.email-content-header-fixed{flex-shrink:0;position:sticky;top:0;z-index:10;background:white}.email-content-body-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.email-content-body-scrollable::-webkit-scrollbar{width:6px}.email-content-body-scrollable::-webkit-scrollbar-track{background:transparent;border-radius:3px}.email-content-body-scrollable::-webkit-scrollbar-thumb{background:rgba(156,163,175,.3);border-radius:3px;transition:background-color .2s ease}.email-content-body-scrollable::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.6)}.email-content-footer-fixed{flex-shrink:0;position:sticky;bottom:0;z-index:10;background:white;border-top:1px solid #e5e7eb}@supports (-webkit-touch-callout:none){.email-content-body-scrollable,.email-list-content-scrollable{-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0);transform:translateZ(0)}}.email-content-body-scrollable,.email-list-content-scrollable{will-change:scroll-position;contain:layout style paint}.email-content-body-scrollable.scrolling,.email-list-content-scrollable.scrolling{pointer-events:none}.email-content-body-scrollable.scrolling::-webkit-scrollbar-thumb,.email-list-content-scrollable.scrolling::-webkit-scrollbar-thumb{background:rgba(59,130,246,.8)}.email-scroll-smooth{scroll-behavior:smooth;transition:scroll-behavior .3s ease}.email-scroll-top{box-shadow:none}.email-scroll-middle{box-shadow:inset 0 7px 9px -7px rgba(0,0,0,.1),inset 0 -7px 9px -7px rgba(0,0,0,.1)}.email-scroll-bottom{box-shadow:inset 0 7px 9px -7px rgba(0,0,0,.1)}.email-sidebar-compact{min-width:200px;max-width:240px;height:100%;overflow:hidden}.email-list-compact{min-width:280px;max-width:360px;height:100%;overflow:hidden}.email-content-maximized{flex:1;min-width:0;height:100%;overflow:hidden}@media (max-width:768px){.email-layout-optimized{position:relative;height:100vh}.email-content-body-scrollable,.email-list-content-scrollable{-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0);transform:translateZ(0)}}@media (prefers-reduced-motion:reduce){.email-content-body-scrollable,.email-list-content-scrollable{scroll-behavior:auto}}.email-scroll-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:4px;height:40px;background:rgba(59,130,246,.2);border-radius:2px;opacity:0;transition:opacity .3s ease;pointer-events:none}.email-scroll-indicator.visible{opacity:1}.email-scroll-indicator:after{content:"";position:absolute;top:0;left:0;width:100%;height:20%;background:rgba(59,130,246,.8);border-radius:2px;transition:transform .1s ease}.email-momentum-scroll{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.email-scroll-lock{overflow:hidden;height:100%}