@keyframes email-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes email-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes email-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes email-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes email-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.email-page-container{height:calc(100vh - 80px);display:flex;flex-direction:column;gap:.75rem;box-sizing:border-box;animation:email-fade-in .4s ease}.email-glass-card{overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.06);background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);transition:box-shadow .3s ease}.email-topbar{flex-shrink:0;overflow:visible;position:relative;z-index:10}.email-topbar__inner{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem}.email-panels{flex:1 1;display:flex;gap:.75rem;min-height:0}.email-compose-btn-sm{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:var(--accent-gradient,linear-gradient(135deg,#ec4899,#a855f7));border:none;border-radius:9px;color:white;cursor:pointer;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 10px rgba(var(--accent-rgb-primary,236,72,153),.25)}.email-compose-btn-sm:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--accent-rgb-primary,236,72,153),.35)}.email-compose-btn-sm:active{transform:translateY(0)}.email-thread-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:9px;color:rgba(255,255,255,.45);cursor:pointer;transition:all .2s ease}.email-thread-toggle:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.email-thread-toggle--active{background:rgba(var(--accent-rgb-primary,236,72,153),.15);border-color:rgba(var(--accent-rgb-primary,236,72,153),.3);color:rgba(var(--accent-rgb-primary,236,72,153),1)}.email-thread-toggle--active:hover{background:rgba(var(--accent-rgb-primary,236,72,153),.22)}.email-folder-tabs{display:flex;align-items:center;gap:.25rem;flex:1 1;min-width:0;overflow-x:auto;scrollbar-width:none}.email-folder-tabs::-webkit-scrollbar{display:none}.email-folder-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .625rem;background:transparent;border:1px solid transparent;border-radius:8px;color:rgba(255,255,255,.45);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap;flex-shrink:0}.email-folder-tab:hover{color:rgba(255,255,255,.8);background:rgba(255,255,255,.06)}.email-folder-tab--active{background:rgba(255,255,255,.1);color:rgba(255,255,255,.95);border-color:rgba(255,255,255,.08)}.email-folder-tab--drag-over{border-color:rgba(var(--accent-rgb-primary,236,72,153),.4);color:rgba(255,255,255,.95);transform:scale(1.05)}.email-folder-dropdown__item--drag-over,.email-folder-tab--drag-over{background:rgba(var(--accent-rgb-primary,236,72,153),.2)}.email-folder-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .3125rem;background:var(--accent-gradient,linear-gradient(135deg,#ec4899,#a855f7));color:white;font-size:.625rem;font-weight:600;border-radius:6px;line-height:1}.email-folder-more-wrapper{position:relative;flex-shrink:0}.email-folder-dropdown-overlay{position:fixed;inset:0;z-index:99}.email-folder-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:rgba(15,15,20,.95);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.375rem;box-shadow:0 16px 40px rgba(0,0,0,.4);z-index:100;animation:email-fade-in .12s ease}.email-folder-dropdown__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;background:transparent;border:none;border-radius:7px;color:rgba(255,255,255,.6);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .12s ease;font-family:inherit;text-align:left}.email-folder-dropdown__item:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9)}.email-folder-dropdown__item--active{background:rgba(var(--accent-rgb-primary,236,72,153),.1);color:var(--accent-primary,#ec4899)}.email-folder-dropdown__divider{height:1px;background:rgba(255,255,255,.06);margin:.25rem .375rem}.email-account-selector{position:relative;margin-left:auto;flex-shrink:0}.email-account-selector__trigger{display:flex;align-items:center;gap:.5rem;padding:.3125rem .625rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:rgba(255,255,255,.6);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap;max-width:260px}.email-account-selector__trigger:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.12)}.email-account-selector__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-account-dropdown{min-width:240px;right:0}.email-account-dropdown__info{display:flex;flex-direction:column;gap:.0625rem;flex:1 1;min-width:0}.email-account-dropdown__email{font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-account-dropdown__label-sub{font-size:.6875rem;color:rgba(255,255,255,.35);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-list-card{width:400px;flex-shrink:0;height:100%}.email-content-card{flex:1 1;height:100%;min-width:0}.email-input{width:100%;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.9);font-size:.8125rem;outline:none;font-family:inherit;transition:border-color .2s,background .2s,box-shadow .2s}.email-input:focus{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06);box-shadow:0 0 0 3px rgba(255,255,255,.04)}.email-input::placeholder{color:rgba(255,255,255,.25)}.email-search{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.5rem}.email-search__wrapper{position:relative;flex:1 1}.email-search__input{padding-left:2rem;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}.email-search__input:focus{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15)}.email-search__icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.25);pointer-events:none;display:flex}.email-refresh-btn{padding:.4375rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.email-refresh-btn:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.15)}.email-refresh-btn:disabled{cursor:not-allowed;opacity:.4}.email-list{height:100%;display:flex;flex-direction:column}.email-list--flex{flex:1 1}.email-list__items{flex:1 1;min-height:0;overflow:hidden}.email-list__empty{flex:1 1;flex-direction:column;padding:3rem 2rem;gap:.75rem}.email-list__empty,.email-list__empty-icon{display:flex;align-items:center;justify-content:center}.email-list__empty-icon{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.15);margin-bottom:.5rem}.email-list-item{padding:0 1rem;height:96px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .15s ease,border-color .15s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:8px}.email-list__empty-text{font-size:.8125rem;color:rgba(255,255,255,.3)}.email-list-item:hover{background:rgba(255,255,255,.05)}.email-list-item--selected{background:rgba(var(--accent-rgb-primary,236,72,153),.08);border-bottom-color:rgba(var(--accent-rgb-primary,236,72,153),.06)}.email-list-item--selected:hover{background:rgba(var(--accent-rgb-primary,236,72,153),.1)}.email-list-item--unread{background:rgba(255,255,255,.03)}.email-list-item--unread:hover{background:rgba(255,255,255,.06)}.email-unread-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:transparent}.email-unread-dot--active{background:var(--accent-primary,#f472b6)}.email-list-item__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.email-list-item__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.email-list-item__sender-name{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.85);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0}.email-list-item__sender-name--unread{font-weight:600;color:rgba(255,255,255,.97)}.email-list-item__meta{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.email-list-item__date{font-size:.6875rem;color:rgba(255,255,255,.35);white-space:nowrap}.email-list-item__subject{font-size:.8125rem;color:rgba(255,255,255,.65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-list-item__subject--unread{font-weight:600;color:rgba(255,255,255,.9)}.email-list-item__preview{font-size:.75rem;color:rgba(255,255,255,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.email-list-item__labels{display:flex;gap:.25rem;flex-wrap:wrap}.email-avatar{background:var(--accent-gradient,linear-gradient(135deg,#ec4899,#a855f7));display:flex;align-items:center;justify-content:center;color:white;font-weight:600;flex-shrink:0;letter-spacing:.02em}.email-avatar,.email-avatar--lg{width:2.25rem;height:2.25rem;border-radius:10px;font-size:.8125rem}.email-label{display:inline-flex;align-items:center;padding:.0625rem .4375rem;font-size:.625rem;font-weight:500;border-radius:6px;background:rgba(var(--accent-rgb-primary,236,72,153),.1);color:var(--accent-primary,#ec4899);border:1px solid rgba(var(--accent-rgb-primary,236,72,153),.15);letter-spacing:.02em}.email-star{cursor:pointer;display:flex;align-items:center;color:rgba(255,255,255,.15);transition:color .15s,transform .15s}.email-star--active{color:#fbbf24}.email-star:hover{color:#fbbf24;transform:scale(1.1)}.email-attachment-indicator{color:rgba(255,255,255,.25);display:flex;align-items:center}