:root{--bg-primary: rgba(10, 10, 11, .92);--bg-secondary: rgba(15, 15, 17, .94);--bg-tertiary: rgba(24, 24, 27, .94);--border-color: rgba(255, 255, 255, .08);--accent-color: #7c4dff;--accent-hover: #9e7aff;--text-primary: #f0f0f5;--text-secondary: rgba(240, 240, 245, .7);--text-muted: rgba(240, 240, 245, .4);--sidebar-width: 64px;--list-width: 320px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:var(--text-primary);font-family:var(--font-family);height:100vh;overflow:hidden;display:flex}.app-container{display:flex;width:100vw;height:100vh;position:relative;background-color:transparent}.app-container:before{content:"";position:absolute;inset:0;background-image:url(/background-new.jpg);background-size:cover;background-position:center;opacity:1;pointer-events:none;z-index:0}.app-container>*{position:relative;z-index:1}.sidebar{width:var(--sidebar-width);background-color:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:24px 0;z-index:10}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.mail-list{width:var(--list-width);background-color:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;overflow:hidden}.mail-items-container{flex:1;overflow-y:auto}.mail-content{flex:1;background-color:transparent;display:flex;flex-direction:column;overflow:hidden}.logo{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-color),#bc4dff);border-radius:4px;margin-bottom:32px}.nav-item{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.nav-item:hover,.nav-item.active{background-color:var(--bg-tertiary);color:var(--text-primary)}.search-bar{padding:16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.search-input{width:100%;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;color:var(--text-primary);font-size:14px;outline:none}.search-input:focus{border-color:var(--accent-color)}.mail-item{padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s ease}.mail-item:hover{background-color:var(--bg-tertiary)}.mail-item.active{border-left:3px solid var(--accent-color);background-color:#7c4dff0d}.mail-item .sender{font-weight:500;font-size:14px;margin-bottom:4px;display:flex;justify-content:space-between}.mail-item .subject{font-size:13px;color:var(--text-primary);margin-bottom:4px}.mail-item .preview{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item .time{font-size:11px;color:var(--text-muted)}.header{padding:24px 40px;border-bottom:1px solid var(--border-color);background-color:#0a0a0c33;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.article{padding:40px;max-width:1000px;margin:0;line-height:1.6}.article h1{font-size:28px;margin-bottom:16px}.article .meta{color:var(--text-muted);font-size:14px;margin-bottom:32px}.article p{color:#fff;margin-bottom:16px}.btn-primary{background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 4px 6px #0000001a;white-space:nowrap}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 8px #0003}.btn-new-email{background-color:transparent;color:var(--accent-color);border:1px solid var(--accent-color);border-radius:4px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.btn-new-email:hover{background-color:#7c4dff0d;border-color:var(--accent-hover);color:var(--accent-hover);box-shadow:0 0 12px #7c4dff66;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#262629;border-color:var(--text-muted)}.btn-action{background:linear-gradient(135deg,var(--accent-color),#bc4dff);color:#fff;padding:10px 24px;border-radius:12px;font-weight:600;font-size:14px;border:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #7c4dff4d}.btn-action:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #7c4dff80;filter:brightness(1.1)}.btn-action:active{transform:translateY(0) scale(.98)}.btn-secondary-action{background-color:#ffffff08;color:var(--text-primary);padding:10px 24px;border-radius:12px;font-weight:500;font-size:14px;border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease}.btn-secondary-action:hover{background-color:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.email-body-dark{background-color:transparent!important;color:#efeff1!important}.email-body-dark a{color:#a78bff!important}.email-body-dark a,.email-body-dark a *{color:var(--accent-hover)!important;text-decoration:underline}.email-body-dark img{max-width:100%;height:auto;border-radius:4px}.email-body-light{color:#1a1a1b}.email-body-light a{color:#5b21b6}.email-body-light img{max-width:100%;height:auto;border-radius:4px}.email-body-dark blockquote,.email-body-light blockquote{border-left:3px solid var(--border-color);padding-left:16px;margin-left:0;color:var(--text-muted)}.ai-category-button{display:flex;align-items:center;gap:10px;padding:12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;color:var(--text-primary);text-align:left;transition:all .2s ease}.ai-category-button:hover{background-color:#262629;border-color:var(--accent-color);transform:translateY(-1px)}.btn-group{display:inline-flex;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.btn-group .btn-group-item{background:transparent;border:none;border-right:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.btn-group .btn-group-item:last-child{border-right:none}.btn-group .btn-group-item:hover{background-color:#ffffff0d;color:var(--accent-hover)}.dropdown-container{position:relative;display:inline-block}.dropdown-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 10px 25px #00000080;min-width:180px;z-index:1200;overflow:hidden;animation:fadeInDown .2s ease-out}.dropdown-item{width:100%;padding:10px 16px;display:flex;align-items:center;gap:12px;background:transparent;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;text-align:left;transition:background .2s}.dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--accent-color)}.dropdown-item svg{color:var(--text-muted)}.dropdown-item:hover svg{color:var(--accent-color)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-checkbox{display:inline-block;position:relative;width:18px;height:18px;cursor:pointer}.custom-checkbox input{opacity:0;width:0;height:0;position:absolute;-webkit-appearance:none;appearance:none;margin:0}.checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:all .2s ease}.custom-checkbox:hover .checkmark{background-color:#ffffff26;border-color:#fff6}.custom-checkbox input:checked~.checkmark{background-color:var(--accent-color, #7c3aed);border-color:var(--accent-color, #7c3aed)}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{left:6px;top:2px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px;animation:fadeIn .5s ease-out}.premium-loader{width:40px;height:40px;position:relative}.premium-loader:before,.premium-loader:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--accent-color);animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.premium-loader:after{border:3px solid transparent;border-bottom-color:#7c4dff4d;animation:spin-reverse 1.8s cubic-bezier(.5,0,.5,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.loading-text{font-size:13px;font-weight:500;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.dragging-active{user-select:none!important;-webkit-user-select:none!important}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;padding-right:32px!important}.settings-modal select{border-radius:4px!important;background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.compose-modal-container{position:fixed!important;z-index:1000;display:flex!important;flex-direction:column;background-color:#0a0a0a;border:1px solid var(--border-color);box-shadow:0 20px 50px #000c;transition:transform .1s ease-out}@media(min-width:1024px){.compose-modal-container{width:600px!important;max-height:90vh;min-height:300px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px!important}}@media(min-width:768px)and (max-width:1023px){.compose-modal-container{width:80vw!important;height:80vh!important;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:8px!important}}@media(max-width:767px){.compose-modal-container{width:100vw!important;height:100vh!important;inset:0!important;margin:0!important;border-radius:0!important;border:none!important}}.toolbar-btn{width:36px;height:36px;background-color:#000000a6!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)!important;border-radius:6px!important;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.toolbar-btn:hover{background-color:#ffffff14!important;color:var(--text-primary);border-color:#ffffff40!important;transform:translateY(-1px)}.toolbar-group{display:flex;align-items:center;background-color:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:6px;overflow:hidden;height:36px}.toolbar-group button,.toolbar-group .nav-item{background:transparent!important;border:none!important;width:36px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s ease;margin-bottom:0!important;border-radius:0!important}.toolbar-group button:hover,.toolbar-group .nav-item:hover{background-color:#ffffff14!important;color:var(--text-primary)}.toolbar-divider{width:1px;height:20px;background-color:#ffffff1f;margin:0 4px}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;position:relative;overflow:hidden;background:linear-gradient(#0f0c29e6,#0f0c29e6),url(/assets/bg.jpg);background-size:cover;background-position:center}.login-bg-overlay{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(124,77,255,.15),transparent 50%),radial-gradient(circle at 0% 0%,rgba(66,133,244,.15),transparent 50%),radial-gradient(circle at 100% 100%,rgba(234,67,53,.1),transparent 50%);animation:auroraMove 20s ease infinite alternate;z-index:0;pointer-events:none}@keyframes auroraMove{0%{transform:rotate(0) translate(0)}to{transform:rotate(5deg) translate(-20px,-20px)}}.shape{position:absolute;filter:blur(80px);z-index:0;opacity:.6;animation:floatShape 15s infinite ease-in-out}.shape-1{top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#7c4dff40 0%,transparent 70%)}.shape-2{bottom:-10%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#00d2ff30 0%,transparent 70%);animation-delay:-5s}.shape-3{top:40%;left:40%;width:30vw;height:30vw;background:radial-gradient(circle,#ff008020 0%,transparent 70%);animation-delay:-10s}@keyframes floatShape{0%,to{transform:translate(0)}50%{transform:translate(30px,50px)}}.login-card{position:relative;z-index:10;width:400px;padding:48px;background:#ffffff08;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 64px #0006;animation:cardEntrance .8s cubic-bezier(.2,.8,.2,1)}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-title{font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px;text-align:center;margin-bottom:8px}.login-subtitle{color:#ffffff80;font-size:14px;text-align:center;margin-bottom:40px}.input-group{position:relative;margin-bottom:20px}.login-input{width:100%;padding:16px 20px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:15px;transition:all .2s ease;box-sizing:border-box}.login-input:focus{outline:none;background:#0000004d;border-color:#7c4dff;box-shadow:0 0 0 4px #7c4dff26}.login-input::placeholder{color:#ffffff4d}.login-btn{width:100%;padding:16px;background:linear-gradient(135deg,#7c4dff,#651fff);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px #7c4dff4d;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:12px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px #7c4dff66;filter:brightness(1.1)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.sidebar-new{width:260px;height:100vh;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;transition:width .3s ease;z-index:50;position:relative;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sidebar-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.logo-area{width:32px;height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c4dff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.actions{display:flex;gap:8px}.icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.icon-btn:hover{background-color:#ffffff1a;color:var(--text-primary)}.folders-tree{flex-grow:1;overflow-y:auto;padding:12px 0}.folder-item{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px;margin:2px 8px}.folder-item:hover{background-color:#ffffff0d;color:var(--text-primary)}.folder-item.selected{background-color:#7c4dff26;color:var(--accent-color);font-weight:600;border-right:3px solid var(--accent-color)}.expand-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;cursor:pointer;opacity:.6}.expand-icon:hover{opacity:1}.folder-name{overflow:hidden;text-overflow:ellipsis}.sidebar-divider{height:1px;background-color:var(--border-color);margin:8px 16px}.modules-list{padding:8px 0}.module-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--text-secondary);cursor:pointer;font-size:13px;background:none;border:none;width:100%;text-align:left;outline:none}.module-item:hover{background-color:#ffffff0d;color:var(--text-primary)}.sidebar-footer{padding-bottom:16px}.context-menu{position:fixed;background:#19191bf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 12px 40px #00000080;padding:6px;min-width:200px;z-index:10000;animation:menuScaleIn .15s cubic-bezier(.2,.8,.2,1);transform-origin:top left}.context-submenu{position:absolute;left:100%;top:0;margin-left:2px;background:#19191bfa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 12px 40px #00000080;padding:6px;min-width:180px;display:none;max-height:300px;overflow-y:auto}.menu-item:hover>.context-submenu{display:block}.context-menu-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:13px;color:var(--text-primary);cursor:pointer;border-radius:8px;transition:all .2s ease}.context-menu-item:hover{background-color:#7c4dff26;color:var(--accent-hover)}.menu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;border-radius:8px;transition:all .15s ease}.menu-item:hover{background-color:#ffffff1a;transform:translate(2px)}.menu-item.delete{color:#ff6b6b}.menu-item.delete:hover{background-color:#ff475726}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.email-content-viewer{line-height:1.6}.email-content-viewer.dark{background-color:transparent!important;color:#efeff1!important}.email-content-viewer.dark a{color:var(--accent-color)}.email-content-viewer.light{color:#000}.email-content-viewer.light a{color:#06c}.glass-context-menu{background:#1e1e1ed9!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;box-shadow:0 8px 32px #0000004d!important;padding:6px!important;animation:menuScaleIn .15s cubic-bezier(.2,.8,.2,1)}.context-menu-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;color:#eee;cursor:pointer;border-radius:8px;transition:all .15s ease}.context-menu-item:hover{background-color:#ffffff1a;transform:translate(2px)}.context-menu-item.danger{color:#ff6b6b}.context-menu-item.danger:hover{background-color:#ff475726}.separator{background-color:#ffffff1a!important;margin:4px 6px!important}@keyframes menuScaleIn{0%{opacity:0;transform:scale(.9) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}