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