*{box-sizing:border-box}:root{color:#e8eaf0;font-synthesis:none;text-rendering:optimizelegibility;background:#080a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#080a0f;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}.app-loading{color:#a9afbd;background:#080a0f;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.login-page{background:radial-gradient(circle at 50% 0,#ffffff0b,#0000 38%),#080a0f;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#10131a;border:1px solid #20242d;border-radius:16px;width:100%;max-width:390px;padding:34px;box-shadow:0 24px 70px #00000073}.login-logo{color:#fff;background:#171b23;border:1px solid #292e39;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:22px;display:flex}.login-heading h1{letter-spacing:-.03em;margin:0;font-size:25px}.login-heading p{color:#858c9b;margin:7px 0 27px;font-size:14px}.login-card form{flex-direction:column;gap:18px;display:flex}.login-card label{color:#aeb4c0;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.login-card input{color:#f1f2f5;background:#0b0e14;border:1px solid #282d37;border-radius:9px;outline:none;width:100%;height:45px;padding:0 13px}.login-card input:focus{border-color:#5f6675;box-shadow:0 0 0 3px #ffffff0b}.login-card input::placeholder{color:#555c69}.primary-button{color:#090b0f;background:#f0f1f3;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 15px;font-weight:700;transition:transform .15s,opacity .15s;display:inline-flex}.primary-button:hover:not(:disabled){transform:translateY(-1px)}.login-button{margin-top:2px}.login-error{color:#ff9c9c;background:#ff4a4a14;border:1px solid #ff4a4a2e;border-radius:8px;padding:11px 12px;font-size:13px}.login-footer{color:#4f5663;text-align:center;margin-top:25px;font-size:12px}.app{background:#080a0f;min-height:100vh;display:flex}.sidebar{background:#0d1016;border-right:1px solid #1d2129;flex-direction:column;flex-shrink:0;width:250px;padding:17px 13px;display:flex}.sidebar-brand{align-items:center;gap:11px;min-height:48px;padding:4px 7px 17px;display:flex}.brand-icon{color:#dfe2e8;background:#171b23;border:1px solid #282d37;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sidebar-brand>div:nth-child(2){flex-direction:column;display:flex}.sidebar-brand strong{font-size:14px}.sidebar-brand span{color:#606775;margin-top:2px;font-size:11px}.mobile-close{color:#8e95a2;background:0 0;border:0;margin-left:auto;display:none}.compose-button{color:#101218;background:#e8e9ec;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin:5px 0 20px;font-size:12px;font-weight:750;transition:background .15s,transform .15s;display:flex}.compose-button:hover{background:#fff;transform:translateY(-1px)}.sidebar-nav{padding-top:0}.nav-section-title{color:#555c69;text-transform:uppercase;letter-spacing:.08em;padding:8px 9px;font-size:11px;font-weight:700}.nav-item{color:#8e95a2;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 11px;font-size:13px;font-weight:600;display:flex}.nav-item:hover{color:#d7dae0;background:#13171e}.nav-item.active{color:#eceef2;background:#181c24}.unread-badge{color:#111318;background:#e6e8eb;border-radius:10px;justify-content:center;align-items:center;min-width:22px;height:20px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:800;display:flex}.sidebar-spacer{flex:1}.mailbox-card{background:#11141b;border:1px solid #20242d;border-radius:10px;align-items:center;gap:10px;margin:8px 4px;padding:10px;display:flex}.mailbox-avatar,.sender-avatar,.viewer-avatar{color:#d9dce2;background:#1c2028;border:1px solid #2a2f39;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.mailbox-avatar{border-radius:8px;width:31px;height:31px;font-size:10px}.mailbox-info{flex-direction:column;min-width:0;display:flex}.mailbox-info strong{color:#dfe2e8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mailbox-info span{color:#666d7a;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.logout-button{color:#7f8693;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;height:37px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.logout-button:hover{color:#d1d4da;background:#15181f}.mail-main{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-topbar{display:none}.mobile-compose{color:#111318;background:#e9eaed;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;display:flex}.mail-layout{grid-template-columns:360px minmax(0,1fr);min-height:100vh;display:grid}.message-list-panel{background:#0b0e14;border-right:1px solid #1d2129;flex-direction:column;min-width:0;display:flex}.inbox-header{border-bottom:1px solid #1b1f27;justify-content:space-between;align-items:center;min-height:76px;padding:16px 18px;display:flex}.inbox-header h2{color:#f0f1f4;letter-spacing:-.02em;margin:0;font-size:18px}.inbox-header span{color:#656c79;margin-top:3px;font-size:11px;display:block}.icon-button{color:#8b92a0;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;transition:color .15s,background .15s,border-color .15s;display:flex}.icon-button:hover:not(:disabled){color:#e1e3e8;background:#171b22;border-color:#242934}.icon-button.danger:hover{color:#ff9292}.action-divider{background:#272c35;width:1px;height:22px;margin:6px 4px}.spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-box{color:#5e6572;background:#10131a;border:1px solid #20242d;border-radius:8px;align-items:center;gap:8px;height:38px;margin:11px 13px;padding:0 11px;display:flex}.search-box input{color:#dfe2e7;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.search-box input::placeholder{color:#555c68}.search-clear{color:#666d79;background:0 0;border:0;padding:2px;display:flex}.messages{flex:1;min-height:0;overflow-y:auto}.message-row{width:100%;min-height:76px;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #171b22;align-items:center;gap:11px;padding:11px 14px;transition:background .12s;display:flex;position:relative}.message-row:hover{background:#11151c}.message-row.selected{background:#171b22}.sender-avatar{border-radius:9px;width:35px;height:35px;font-size:10px}.message-main{flex:1;min-width:0}.message-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.message-sender{color:#aeb4c0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.message-row.unread .message-sender{color:#f0f1f3;font-weight:750}.message-date{color:#5f6673;flex-shrink:0;font-size:10px}.message-subject{color:#c5c9d1;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:12px;font-weight:500;overflow:hidden}.message-row.unread .message-subject{color:#e8eaf0;font-weight:700}.message-preview{color:#606775;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}.unread-dot{background:#dfe2e7;border-radius:50%;flex-shrink:0;width:6px;height:6px}.empty-state{color:#4f5663;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:260px;padding:30px;display:flex}.empty-state strong{color:#888f9c;font-size:13px}.empty-state span{color:#555c69;font-size:11px}.message-viewer{background:#090c11;flex-direction:column;min-width:0;display:flex}.viewer-header{border-bottom:1px solid #1b1f27;justify-content:space-between;align-items:center;min-height:76px;padding:0 22px;display:flex}.viewer-actions{align-items:center;gap:3px;display:flex}.back-button{color:#8b92a0;background:0 0;border:0;border-radius:7px;align-items:center;gap:4px;padding:7px 8px;font-size:12px;font-weight:600;display:flex}.back-button:hover{color:#e2e4e8;background:#15181f}.viewer-content{flex:1;min-width:0;padding:31px 38px 60px;overflow-y:auto}.viewer-content>h1{color:#f0f1f4;letter-spacing:-.025em;max-width:960px;margin:0 0 23px;font-size:25px;line-height:1.3}.message-meta{border-bottom:1px solid #1b1f27;align-items:center;gap:11px;max-width:960px;padding-bottom:24px;display:flex}.viewer-avatar{border-radius:10px;width:38px;height:38px;font-size:11px}.sender-details{flex-direction:column;gap:2px;min-width:0;display:flex}.sender-details strong{color:#dfe2e7;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sender-details span{color:#626977;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.message-meta time{color:#5f6673;white-space:nowrap;margin-left:auto;font-size:10px}.email-body{max-width:960px;padding-top:28px}.email-render{background:#fff;border:1px solid #242934;border-radius:12px;overflow:hidden;box-shadow:0 14px 35px #0003}.email-frame{background:#fff;border:0;width:100%;min-height:560px;display:block}.plain-email{background:#10141b;border:1px solid #20252e;border-radius:11px;padding:24px}.email-body pre{color:#c6cad2;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.7}.viewer-bottom-actions{gap:8px;max-width:960px;padding-top:20px;display:flex}.secondary-button{color:#aeb4c0;background:#11151c;border:1px solid #252a34;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:12px;font-weight:650;display:inline-flex}.secondary-button:hover:not(:disabled){color:#e6e8ec;background:#171b22;border-color:#303641}.attachments{background:#0f1319;border:1px solid #1d222b;border-radius:9px;max-width:960px;margin-top:22px;padding:13px}.attachments-title{color:#8e95a2;align-items:center;gap:7px;margin-bottom:9px;font-size:11px;font-weight:700;display:flex}.attachment-list{flex-wrap:wrap;gap:7px;display:flex}.attachment{min-width:210px;color:inherit;background:#141820;border:1px solid #232832;border-radius:8px;align-items:center;gap:9px;padding:9px;text-decoration:none;display:flex}.attachment:hover{background:#191d25;border-color:#303641}.attachment-icon{color:#8f96a3;background:#1d222b;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.attachment>div:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.attachment strong{color:#c9cdd5;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.attachment span{color:#606775;font-size:9px}.attachment>svg:last-child{color:#666d79}.compose-overlay{z-index:100;pointer-events:none;background:#00000047;justify-content:flex-end;align-items:flex-end;padding:20px 25px;display:flex;position:fixed;inset:0}.compose-window{pointer-events:auto;background:#0f131a;border:1px solid #292e38;border-radius:13px;flex-direction:column;width:min(720px,100vw - 50px);height:min(700px,100vh - 40px);display:flex;overflow:hidden;box-shadow:0 30px 90px #0000008c}.compose-header{background:#13171e;border-bottom:1px solid #252a33;justify-content:space-between;align-items:center;min-height:59px;padding:0 12px 0 18px;display:flex}.compose-header>div{flex-direction:column;gap:3px;display:flex}.compose-header strong{color:#e9ebef;font-size:13px}.compose-header span{color:#626977;font-size:10px}.compose-fields{background:#10141a;flex-direction:column;display:flex}.compose-fields input{color:#dfe2e7;background:0 0;border:0;border-bottom:1px solid #20252d;outline:0;width:100%;height:43px;padding:0 15px;font-size:12px}.compose-fields input::placeholder{color:#5b626e}.compose-recipient-row{align-items:center;display:flex}.compose-recipient-row input{border-bottom:0}.recipient-links{gap:3px;padding-right:11px;display:flex}.recipient-links button{color:#737a87;background:0 0;border:0;padding:4px;font-size:10px;font-weight:700}.recipient-links button:hover{color:#e2e4e8}.compose-body{resize:none;color:#dfe2e7;background:#0d1016;border:0;outline:0;flex:1;width:100%;min-height:0;padding:20px 18px;font-size:13px;line-height:1.7}.compose-body::placeholder{color:#555c69}.compose-attachments{background:#10141a;border-top:1px solid #20252d;flex-wrap:wrap;gap:6px;padding:9px 13px;display:flex}.compose-file{color:#bfc4cc;background:#171b22;border:1px solid #282d37;border-radius:7px;align-items:center;gap:6px;max-width:260px;padding:6px 8px;font-size:10px;display:flex}.compose-file span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.compose-file small{color:#656c79}.compose-file button{color:#727986;background:0 0;border:0;padding:1px;display:flex}.compose-error{color:#faa;background:#211316;border-top:1px solid #3d2227;padding:10px 14px;font-size:11px}.compose-footer{background:#13171e;border-top:1px solid #252a33;justify-content:space-between;align-items:center;min-height:61px;padding:0 13px;display:flex}.compose-footer-left,.compose-footer-right{align-items:center;gap:7px;display:flex}.send-button{min-width:88px}.global-error{z-index:120;color:#ffb1b1;background:#241316;border:1px solid #492328;border-radius:9px;align-items:center;gap:12px;max-width:420px;padding:10px 11px 10px 14px;font-size:12px;display:flex;position:fixed;top:14px;right:18px;box-shadow:0 12px 30px #0000004d}.global-error button{color:#bd7777;background:0 0;border:0;padding:2px;display:flex}.viewer-loading{color:#646b78;flex:1;justify-content:center;align-items:center;gap:11px;font-size:12px;display:flex}.empty-viewer{justify-content:center;align-items:center;display:flex}.empty-viewer-content{text-align:center;flex-direction:column;align-items:center;display:flex}.empty-viewer-icon{color:#555c69;background:#11151c;border:1px solid #20242d;border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:17px;display:flex}.empty-viewer-content h2{color:#8d94a1;margin:0;font-size:14px}.empty-viewer-content p{color:#555c69;margin:7px 0;font-size:11px}@media (width<=850px){.sidebar{z-index:50;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:20px 0 50px #0006}.sidebar.sidebar-open{transform:translate(0)}.mobile-close{justify-content:center;align-items:center;display:flex}.mobile-overlay{z-index:40;background:#0000008c;display:block;position:fixed;inset:0}.mobile-topbar{background:#0d1016;border-bottom:1px solid #1d2129;align-items:center;gap:10px;height:54px;padding:0 10px;display:flex}.mobile-topbar strong{font-size:13px}.mail-layout{grid-template-columns:1fr;min-height:calc(100vh - 54px)}.message-list-panel{border-right:0}.message-viewer{display:none}.compose-overlay{justify-content:stretch;align-items:stretch;padding:0}.compose-window{border:0;border-radius:0;width:100%;height:100%}}@media (width<=500px){.login-card{padding:27px 22px}.inbox-header{min-height:68px}.viewer-content{padding:24px 18px 40px}.message-meta{align-items:flex-start}.message-meta time{display:none}.attachment{width:100%}.viewer-bottom-actions{flex-direction:column}.compose-footer{flex-direction:column;align-items:stretch;gap:9px;min-height:auto;padding:10px}.compose-footer-left,.compose-footer-right{width:100%}.compose-footer-right{justify-content:flex-end}}