@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Segoe UI,sans-serif;color:#182230;background:#f6f8fb;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input,textarea{font:inherit}button{color:inherit}.icon{display:block;flex:0 0 auto}.auth-page{min-height:100%;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);background:#fff}.auth-hero{position:relative;display:flex;align-items:center;overflow:hidden;padding:72px;color:#fff;background:radial-gradient(circle at 20% 20%,#2756a4 0,transparent 35%),linear-gradient(145deg,#102b55,#0a1d3a 65%,#07152b)}.auth-hero:before,.auth-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.auth-hero:before{width:560px;height:560px;right:-280px;top:-120px}.auth-hero:after{width:380px;height:380px;right:-180px;top:-30px}.auth-hero-content{position:relative;z-index:1;max-width:520px}.hero-mark,.logo-mark{display:grid;place-items:center;background:linear-gradient(135deg,#3984ff,#1662dc);color:#fff;box-shadow:0 8px 24px #1b65de47}.hero-mark{width:58px;height:58px;border-radius:17px;margin-bottom:60px}.eyebrow{margin:0 0 15px;font-size:12px;font-weight:700;letter-spacing:.16em;color:#6f9fe8}.auth-hero h1{margin:0;font-size:clamp(40px,4vw,64px);line-height:1.08;letter-spacing:-.045em}.hero-copy{max-width:470px;margin:30px 0 44px;color:#b8c8df;font-size:17px;line-height:1.75}.trust-row{display:flex;align-items:center;gap:15px;color:#8fa8c9;font-size:13px;font-weight:500}.trust-row i{width:3px;height:3px;border-radius:50%;background:#4f79b3}.auth-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 8vw 28px;background:#fbfcfe}.auth-card{width:min(100%,440px)}.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:54px;font-size:20px}.logo-mark{width:38px;height:38px;border-radius:11px}.auth-heading{margin-bottom:36px}.auth-heading h2{margin:0 0 10px;color:#111c2c;font-size:30px;letter-spacing:-.025em}.auth-heading>p:last-child{margin:0;color:#6b7789;font-size:15px}.field{display:block;margin-bottom:20px}.field>span{display:block;margin-bottom:9px;color:#344054;font-size:13px;font-weight:600}.field input{width:100%;height:50px;border:1px solid #d7deea;border-radius:10px;padding:0 15px;background:#fff;outline:none;transition:border .15s,box-shadow .15s}.field input:focus{border-color:#397cea;box-shadow:0 0 0 3px #397cea1c}.field input::placeholder{color:#a1aabc}.email-field{display:flex;align-items:center;height:50px;border:1px solid #d7deea;border-radius:10px;background:#fff;overflow:hidden;transition:border .15s,box-shadow .15s}.email-field:focus-within{border-color:#397cea;box-shadow:0 0 0 3px #397cea1c}.email-field input{height:48px;min-width:0;border:0;box-shadow:none!important}.email-field span{padding-right:15px;color:#7b8798;font-size:14px}.password-field{position:relative;display:block}.password-field input{padding-right:46px}.password-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#6b7789;cursor:pointer}.password-toggle:hover{background:#eef2f8;color:#344054}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:2px 0 24px;color:#667085;font-size:13px}.auth-options label{display:flex;align-items:center;gap:8px}.auth-options input{accent-color:#1f6fe5}.text-button,.register-copy button{border:0;padding:0;color:#1f6fe5;background:transparent;cursor:pointer;font-weight:600}.login-button{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;color:#fff;background:#1e66d3;box-shadow:0 8px 18px #1e66d333;cursor:pointer;font-weight:600;transition:background .15s,transform .15s}.login-button:hover{background:#185abd;transform:translateY(-1px)}.login-button:disabled{opacity:.65;cursor:wait}.divider{display:flex;align-items:center;gap:14px;margin:28px 0 22px;color:#a0a8b6;font-size:12px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e6eaf0}.register-copy{margin:0;text-align:center;color:#707b8c;font-size:13px}.auth-footer{margin:auto 0 0;padding-top:60px;color:#a0a8b6;font-size:11px}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;border:1px solid #f6d2d4;border-radius:9px;padding:11px 13px;background:#fff4f4;color:#aa3038;font-size:13px}.mail-app{height:100%;min-width:0;background:#f4f6f9;overflow:hidden;display:flex;flex-direction:column}.topbar{height:68px;flex:0 0 auto;display:grid;grid-template-columns:260px minmax(260px,680px) 1fr;align-items:center;gap:28px;border-bottom:1px solid #e5e9f0;padding:0 20px;background:#fffffff5}.topbar-brand{display:flex;align-items:center;gap:10px;font-size:20px}.topbar-brand .logo-mark{width:34px;height:34px;border-radius:10px}.topbar-brand strong{letter-spacing:-.04em}.topbar-brand strong span{color:#1f6fe5}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:9px;padding:0;background:transparent;color:#667085;cursor:pointer}.icon-button:hover{background:#eef2f7;color:#243247}.menu-button{margin-right:2px}.search{height:44px;display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:12px;padding:0 14px;color:#7a8595;background:#f2f5f9}.search:focus-within{border-color:#c9d9f3;background:#fff;box-shadow:0 2px 10px #1c375c14}.search input{flex:1;min-width:0;border:0;outline:none;color:#263244;background:transparent;font-size:14px}.search input::placeholder{color:#8a95a5}.search kbd{border:1px solid #dbe1ea;border-radius:5px;padding:2px 6px;color:#939dac;background:#fff;font:11px inherit}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.dns-banner{flex:0 0 auto;padding:8px 20px;font-size:13px;font-weight:500;border-bottom:1px solid #e5e9f0}.dns-banner.pending{background:#fff8eb;color:#8a5a00}.dns-banner.ready{background:#eefaf1;color:#1b6b35}.avatar{width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#3a7be1,#174f9e);cursor:pointer;font-size:12px;font-weight:700}.avatar.small{width:32px;height:32px;flex:0 0 auto;font-size:10px}.workspace{flex:1 1 auto;min-height:0;display:flex}.sidebar{position:relative;z-index:5;width:260px;flex:0 0 260px;display:flex;flex-direction:column;padding:20px 14px 14px;background:#f4f6f9}.compose-button{height:48px;width:166px;display:flex;align-items:center;gap:12px;border:0;border-radius:13px;padding:0 18px;color:#fff;background:#1e66d3;box-shadow:0 6px 14px #1e66d330;cursor:pointer;font-weight:600}.compose-button:hover{background:#185abe}.sidebar nav{margin-top:28px}.nav-label{margin:0 14px 10px;color:#9aa3b1;font-size:10px;font-weight:700;letter-spacing:.12em}.nav-button{position:relative;width:100%;height:42px;display:flex;align-items:center;gap:13px;border:0;border-radius:9px;padding:0 14px;color:#687486;background:transparent;cursor:pointer;font-size:13.5px;text-align:left}.nav-button:hover{color:#243247;background:#e9edf3}.nav-button.active{color:#175abf;background:#e1ebfb;font-weight:600}.nav-button.active:before{content:"";position:absolute;left:0;width:3px;height:20px;border-radius:0 3px 3px 0;background:#216edc}.nav-button span{flex:1}.nav-button b{font-size:11px}.sidebar-account{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid #e2e6ed;padding:15px 8px 2px}.sidebar-account>div:nth-child(2){flex:1;min-width:0}.sidebar-account strong,.sidebar-account span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account strong{color:#344054;font-size:12px}.sidebar-account span{margin-top:3px;color:#8a94a3;font-size:10px}.mail-surface{min-width:0;flex:1;display:flex;flex-direction:column;margin:10px 12px 12px 0;border:1px solid #e4e8ef;border-radius:14px;background:#fff;box-shadow:0 1px 3px #1b273709;overflow:hidden}.mail-toolbar{height:52px;flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #e9edf2;padding:0 13px}.mail-toolbar>div{display:flex;align-items:center;gap:2px}.mail-toolbar>span{color:#8993a2;font-size:11px}.mail-toolbar>button{justify-self:end}.surface-error{margin:12px 16px 0}.surface-error button{border:0;color:inherit;background:transparent;cursor:pointer;font-weight:700}.message-list{flex:1;overflow:auto}.message-row{position:relative;width:100%;min-height:52px;display:grid;grid-template-columns:28px 30px minmax(130px,190px) minmax(180px,1fr) 74px;align-items:center;gap:8px;border:0;border-bottom:1px solid #edf0f4;padding:0 14px;background:#fbfcfd;cursor:pointer;text-align:left}.message-row:hover{z-index:1;background:#fff;box-shadow:0 2px 7px #1c27351f}.message-row.unread{background:#fff}.message-row.unread .sender,.message-row.unread .summary strong,.message-row.unread time{color:#1d2939;font-weight:700}.row-check input{width:14px;height:14px;accent-color:#236dda}.row-star{color:#a4adba}.row-star:hover{color:#f0ae22}.sender,.summary,.message-row time{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender{color:#465366;font-size:13px;font-weight:500}.summary{color:#8993a2;font-size:12.5px}.summary strong{color:#495668;font-weight:500}.message-row time{color:#7d8795;font-size:11px;text-align:right}.row-actions{position:absolute;right:10px;display:none;gap:3px;padding-left:14px;color:#657286;background:#fff}.message-row:hover .row-actions{display:flex}.message-row:hover time{visibility:hidden}.mail-state{flex:1;display:grid;place-content:center;justify-items:center;color:#8b95a4;font-size:13px}.spinner{width:27px;height:27px;border:2px solid #dce4ef;border-top-color:#2670dc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state div{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;color:#5f83b8;background:#eef4fc}.empty-state h2{margin:20px 0 7px;color:#344054;font-size:17px}.empty-state p{margin:0}.message-view{flex:1;overflow:auto;padding:28px 38px 50px}.message-view>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.message-view h1{margin:0;color:#1d2939;font-size:23px;font-weight:500;letter-spacing:-.02em}.message-sender{display:flex;align-items:center;gap:11px;margin-top:32px}.sender-avatar{width:40px;height:40px}.message-sender>div:nth-child(2){flex:1;min-width:0}.message-sender strong,.message-sender span{display:block}.message-sender strong{color:#263244;font-size:13px}.message-sender span{margin-top:3px;color:#8a94a3;font-size:11px}.message-sender time{color:#8a94a3;font-size:11px}.message-body{max-width:850px;min-height:180px;padding:30px 51px;color:#3f4b5c;font-size:14px;line-height:1.75;white-space:pre-wrap}.reply-actions{display:flex;gap:10px;padding-left:51px}.reply-actions button{display:flex;align-items:center;gap:8px;height:38px;border:1px solid #dce2ea;border-radius:9px;padding:0 15px;color:#5f6c7d;background:#fff;cursor:pointer;font-size:12px;font-weight:600}.reply-actions button:hover{border-color:#bfc9d6;background:#f8fafc}.compose-window{position:fixed;z-index:20;right:28px;bottom:0;width:min(560px,calc(100vw - 32px));height:min(590px,calc(100vh - 95px));display:flex;flex-direction:column;border:1px solid #dce2eb;border-radius:13px 13px 0 0;background:#fff;box-shadow:0 18px 50px #12203340;overflow:hidden}.compose-window>header{height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 16px;color:#fff;background:#17345f}.compose-window>header strong{font-size:12px}.compose-window>header .icon-button{color:#dbe6f5}.compose-window>header .icon-button:hover{background:#ffffff1f;color:#fff}.compose-line{min-height:44px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e9edf2;padding:0 15px;color:#8490a0;font-size:12px}.compose-line input{min-width:0;flex:1;height:42px;border:0;outline:0;color:#344054;background:transparent;font-size:13px}.subject-line{padding-left:15px}.compose-window textarea{flex:1;min-height:0;resize:none;border:0;outline:0;padding:18px 16px;color:#344054;line-height:1.6}.compose-window textarea::placeholder,.compose-line input::placeholder{color:#a2abb8}.compose-window>footer{min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:9px 12px}.compose-window>footer>div{display:flex}.send-button{height:38px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;padding:0 17px;color:#fff;background:#1f68d4;cursor:pointer;font-size:12px;font-weight:600}.send-button:hover{background:#1859b7}.send-button:disabled{opacity:.5;cursor:not-allowed}.sidebar-scrim{display:none}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.auth-panel{min-height:100%;padding:44px 24px 24px}.mobile-brand{display:flex}.topbar{grid-template-columns:auto 1fr auto;gap:12px}.topbar-brand strong{display:none}.sidebar{position:fixed;top:68px;bottom:0;left:0;transform:translate(-100%);box-shadow:14px 0 35px #1c283a29;transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-scrim{position:fixed;z-index:4;top:68px;right:0;bottom:0;left:0;display:block;border:0;background:#111b2a47}.mail-surface{margin-left:12px}}@media(max-width:620px){.topbar{height:60px;padding:0 10px}.topbar-brand .logo-mark,.topbar-actions>.icon-button,.search kbd{display:none}.workspace{height:calc(100% - 60px)}.sidebar{top:60px}.sidebar-scrim{top:60px;right:0;bottom:0;left:0}.mail-surface{margin:0;border:0;border-radius:0}.message-row{grid-template-columns:24px minmax(90px,120px) 1fr 54px;padding:0 9px}.row-star,.summary span{display:none}.message-view{padding:23px 18px 40px}.message-body{padding:25px 0}.reply-actions{padding-left:0}.compose-window{right:0;width:100%;height:calc(100% - 60px);border-radius:0}}.admin-panel{flex:1 1 auto;min-height:0;padding:24px;overflow-y:auto;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.admin-panel form{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.admin-panel input,.admin-panel select,.admin-panel button{padding:10px;border:1px solid #d5dce6;border-radius:8px;background:#fff;color:#20314c}.admin-panel button{cursor:pointer}.admin-panel button:disabled{opacity:.5;cursor:wait}.admin-panel table{width:100%;border-collapse:collapse;margin:16px 0}.admin-panel td,.admin-panel th{padding:12px;text-align:left;border-bottom:1px solid #e1e6ed}.admin-domain{border:1px solid #d5dce6;border-radius:12px;padding:16px;margin:12px 0;overflow-wrap:anywhere}.admin-domain code{-webkit-user-select:all;user-select:all}.admin-domain p{line-height:1.6}.queue-summary{margin:16px 0;padding:16px;border:1px solid #dfe6f0;border-radius:12px;background:#fff}.queue-summary p{margin:8px 0 0}