@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#172b4d;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #80aefa;outline-offset:2px}button{border:0}h1,h2,h3,p{margin-top:0}svg{flex:none}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;color:#162d52}.brand-mark{width:34px;height:34px;border-radius:10px;background:#2d67d4;color:#fff;display:grid;place-items:center;box-shadow:0 3px 10px #2d67d426}.brand strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:17px;letter-spacing:-.7px;font-weight:800;line-height:1}.brand small{display:block;font-size:8px;font-weight:700;letter-spacing:3.4px;margin-top:5px;color:#6e83a0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:11px;color:#fff;background:#2764d1;border-radius:9px;font-weight:700;transition:background .2s}.primary:hover{background:#1b55bd}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;border:1px solid #dce4f0;color:#315176;border-radius:8px;padding:10px 17px;font-size:13px;font-weight:700}.secondary:hover{background:#f5f8fd}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;color:#7385a0;background:transparent}.icon-button:hover{background:#edf3fc;color:#275fca}.section-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#90a0b7}.boot{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#7185a0;font-size:13px}.boot .brand{margin-bottom:10px}.login-page{min-height:100vh;background:#f7f9fd}.login-wrap{width:min(1190px,calc(100% - 80px));margin:auto;min-height:100vh;display:flex;flex-direction:column}.login-top{height:115px;display:flex;align-items:center;justify-content:space-between}.login-top-note{font-size:12px;color:#8b9bb1}.login-content{flex:1;display:grid;grid-template-columns:1fr 450px;align-items:center;gap:80px;padding-bottom:40px}.login-intro{position:relative;min-height:525px;padding-top:72px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:2.1px;font-weight:800;color:#4772b8;margin-bottom:20px}.eyebrow-line{width:26px;height:1px;background:#4c80d7}.login-intro h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,4.3vw,61px);line-height:1.16;letter-spacing:-3.4px;margin-bottom:17px;color:#1b3152}.login-intro h1 span{color:#2e70de}.login-intro p{color:#7e8fa8;font-size:15px;line-height:1.9}.login-art{position:absolute;width:360px;height:300px;left:30px;top:265px;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #dce8fa;border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:300px;height:180px}.orbit-two{width:240px;height:270px;transform:rotate(34deg)}.art-envelope{width:180px;height:145px;border-radius:27px;display:grid;place-items:center;color:#4b82e2;background:linear-gradient(145deg,#fff,#e9f1ff);box-shadow:0 25px 50px #7da7ec2a,0 2px 15px #b9cef342;transform:rotate(-10deg)}.art-dot{position:absolute;border-radius:50%;background:#78a3ee}.dot-one{width:14px;height:14px;top:35px;right:40px}.dot-two{width:8px;height:8px;left:27px;bottom:55px}.dot-three{width:5px;height:5px;right:67px;bottom:25px}.login-card{background:#fff;border:1px solid #e9eef5;border-radius:19px;box-shadow:0 18px 60px #1939620b;padding:43px 42px}.card-heading{text-align:center}.card-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eaf2ff;color:#3978e1;margin-bottom:20px}.card-heading h2{font-family:Manrope,Arial,sans-serif;font-size:21px;letter-spacing:-.8px;margin-bottom:7px}.card-heading p{font-size:13px;color:#91a0b4;margin-bottom:34px}.login-card label{display:block;font-size:12px;font-weight:700;color:#344c6f;margin:20px 0 9px}.login-card input{width:100%;height:47px;padding:0 14px;border:1px solid #dce5f0;border-radius:8px;background:#fbfcfe;color:#223957;font-size:13px}.login-card input::placeholder{color:#a5b1c1}.password-field{position:relative}.password-field input{padding-right:52px}.password-field button{position:absolute;right:7px;top:5px;width:37px;height:37px;background:transparent;color:#889bb6;display:grid;place-items:center}.login-submit{width:100%;height:47px;margin-top:27px;font-size:13px}.login-security{border-top:1px solid #edf1f6;margin-top:34px;padding-top:24px;display:flex;align-items:center;justify-content:center;gap:8px;color:#98a7b8;font-size:11px}.login-footer{height:61px;display:flex;justify-content:space-between;color:#a0aec0;font-size:11px}.notice{display:flex;gap:8px;align-items:flex-start;background:#fff8ed;color:#91612d;border:1px solid #f4e2c3;padding:11px;border-radius:8px;font-size:12px;line-height:1.5;margin:0 0 13px}.notice.error{background:#fff3f2;color:#a54846;border-color:#f3d9d7}.field-error{display:block;color:#b03d49;font-size:11px;margin-top:5px}.app-shell{height:100dvh;min-height:520px;display:flex;background:#fff;overflow:hidden}.sidebar{width:226px;flex:none;background:#f5f8fd;border-right:1px solid #e7edf5;display:flex;flex-direction:column;padding:32px 13px 17px}.sidebar-top{padding-left:14px;margin-bottom:39px;display:flex;justify-content:space-between;align-items:center}.compose-button{height:43px;margin:0 12px 38px;border-radius:9px;background:#2867d5;color:#fff;display:flex;align-items:center;gap:10px;padding:0 15px;font-weight:700;font-size:13px;box-shadow:0 5px 13px #3270d53a}.compose-button:hover{background:#1b58bf}.compose-plus{margin-left:auto;opacity:.75}.nav-caption{padding:0 16px;color:#9cabbd;font-size:10px;font-weight:800;letter-spacing:1.8px;margin-bottom:13px}.folders{display:flex;flex-direction:column;gap:3px}.folder{height:42px;border-radius:8px;display:flex;align-items:center;gap:13px;padding:0 15px;background:transparent;color:#7185a0;text-align:left;font-size:13px;font-weight:600}.folder span{flex:1}.folder b{background:#e4ebf5;border-radius:20px;min-width:19px;padding:3px 5px;font-size:10px;color:#7185a0;text-align:center}.folder:hover{background:#edf3fb}.folder.active{background:#e7efff;color:#2b66ce}.folder.active b{background:#d4e3ff;color:#2c65ce}.nav-loading,.nav-error{padding:15px;color:#8294ac;font-size:12px}.nav-error button{color:#2764d1;background:none;text-decoration:underline}.sidebar-bottom{margin-top:auto}.sidebar-rule{height:1px;background:#e2eaf5;margin:0 8px 16px}.account{display:flex;gap:9px;align-items:center;padding:0 5px}.account-avatar{height:33px;width:33px;background:#dae8ff;color:#2866c6;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}.account-info{min-width:0;flex:1}.account-info strong,.account-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-info strong{font-size:11px;color:#334a68}.account-info small{font-size:9px;color:#98a7b8;margin-top:3px}.logout{height:31px;width:31px}.main-grid{display:grid;grid-template-columns:360px minmax(0,1fr);min-width:0;flex:1}.list-pane{border-right:1px solid #e9eef5;min-width:0;display:flex;flex-direction:column;overflow:hidden}.list-header{padding:38px 26px 23px}.list-title-row{display:flex;justify-content:space-between;align-items:center}.list-title-row h1{font-family:Manrope,Arial,sans-serif;font-size:27px;letter-spacing:-1.3px;margin:8px 0 0}.title-count{display:inline-grid;place-items:center;vertical-align:middle;margin-left:10px;min-width:23px;height:23px;border-radius:6px;background:#eaf0fa;color:#7c91ae;font:700 11px DM Sans,sans-serif;letter-spacing:0}.list-subline{margin-top:10px;color:#a0afc2;font-size:11px}.last-synced{display:block;margin-top:6px;color:#6f87a8;font-size:10px;font-weight:600}.list-toolbar{height:42px;flex:none;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;padding:0 26px;color:#a1aec0;font-size:10px;font-weight:700}.list-toolbar button{display:flex;align-items:center;gap:7px;background:transparent;color:#8296b0;font-size:11px;font-weight:700}.message-list{overflow:auto;flex:1}.message-row{width:100%;min-height:109px;background:#fff;border-bottom:1px solid #edf1f6;text-align:left;display:flex;gap:12px;padding:19px 18px 15px 22px;position:relative}.message-row:hover{background:#f8faff}.message-row.selected{background:#f0f5ff}.message-row.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3778e8}.sender-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:10px;font-weight:800;color:#4174c5;background:#e4efff}.avatar-0{color:#7662a7;background:#eeeafd}.avatar-1{color:#278b84;background:#e1f3f0}.avatar-2{color:#b17754;background:#f9ece2}.row-content{flex:1;min-width:0}.row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.row-top strong{font-size:12px;color:#425774;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread .row-top strong,.unread .row-subject{color:#203856;font-weight:800}.row-top time{flex:none;color:#a5b1c2;font-size:10px}.row-subject,.row-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-subject{margin-top:10px;color:#526887;font-size:11px;font-weight:700}.row-preview{margin-top:6px;color:#a0adbf;font-size:10px}.row-meta{position:absolute;right:21px;bottom:17px;display:flex;align-items:center;gap:9px;color:#a3b1c1}.unread-dot{width:6px;height:6px;background:#397ce7;border-radius:50%}.load-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:17px;color:#3e70c7;background:#fff;font-size:12px}.reading-pane{min-width:0;overflow:auto;background:#fff}.reader-toolbar{height:70px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.reader-toolbar-label{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#a4b0c2}.toolbar-actions{display:flex;gap:7px}.reader-back{display:none}.reader-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#8192ab}.placeholder-graphic{height:140px;width:140px;border-radius:50%;background:#f3f7ff;color:#9db9ea;display:grid;place-items:center;margin-bottom:26px}.reader-placeholder h2{font-family:Manrope,Arial,sans-serif;color:#2f4564;font-size:19px;letter-spacing:-.6px;margin-bottom:8px}.reader-placeholder p{font-size:12px;color:#a1aec0}.message-detail{max-width:880px;margin:auto;padding:42px 55px 65px}.message-label{color:#3f76d5;letter-spacing:1.6px;font-size:10px;font-weight:800;margin-bottom:15px}.message-heading h1{font-family:Manrope,Arial,sans-serif;font-size:30px;line-height:1.3;letter-spacing:-1.4px;margin:0 0 18px;color:#1d3352}.message-heading-meta{display:flex;align-items:center;gap:22px;color:#9aabc0;font-size:11px}.message-heading-meta span{display:flex;align-items:center;gap:5px}.sender-block{margin-top:38px;padding:21px 0;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;display:flex;align-items:center;gap:12px}.sender-avatar.large{width:41px;height:41px;font-size:12px;background:#e9eafe;color:#7778c8}.sender-details{flex:1;min-width:0}.sender-details div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sender-details strong{font-size:12px;color:#2b4261}.sender-details span,.sender-details small{font-size:11px;color:#9aa9bc}.sender-details small{display:block;margin-top:6px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2;color:#415675;padding:30px 0 25px;min-height:170px}.attachment-section{border-top:1px solid #eef2f6;padding:25px 0}.attachment-section h2{font-size:13px;color:#34506f;margin-bottom:15px}.attachment-section h2 span{color:#a1afc1;margin-left:5px}.attachments{display:flex;flex-wrap:wrap;gap:10px}.attachment-chip{border:1px solid #e5ebf4;background:#fbfcff;border-radius:9px;padding:10px;min-width:200px;display:flex;align-items:center;gap:9px;color:#8194ac;text-align:left}.attachment-chip:hover{border-color:#a5bfe9}.file-icon{height:32px;width:32px;border-radius:7px;background:#e8f0ff;color:#477bd1;display:grid;place-items:center}.attachment-chip span:nth-child(2){flex:1}.attachment-chip strong,.attachment-chip small{display:block}.attachment-chip strong{font-size:10px;color:#46607e}.attachment-chip small{font-size:9px;margin-top:4px}.message-actions{padding-top:25px}.state{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;height:100%;min-height:260px;padding:30px}.state-icon{width:55px;height:55px;border-radius:15px;background:#edf4ff;color:#5f8cda;display:grid;place-items:center;margin-bottom:17px}.state h3{font-family:Manrope,Arial,sans-serif;font-size:15px;color:#2c4567;margin-bottom:7px}.state p{font-size:11px;color:#96a7ba;line-height:1.6;max-width:260px}.state .secondary{margin-top:10px}.reader-loading{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;color:#91a2b8;font-size:12px}.skeleton-row{height:110px;padding:22px;display:flex;gap:13px;border-bottom:1px solid #edf1f6}.skeleton-row span{height:33px;width:33px;border-radius:50%;background:#edf2f9}.skeleton-row div{flex:1}.skeleton-row i{display:block;height:10px;border-radius:5px;background:#edf2f9;margin:4px 0 12px}.skeleton-row i:nth-child(2){width:70%}.skeleton-row i:nth-child(3){width:88%}.toast{position:fixed;right:25px;bottom:22px;z-index:20;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:9px;background:#263f62;color:#fff;box-shadow:0 12px 30px #1c355840;font-size:12px}.toast button{background:transparent;color:#a8bedb;display:grid;place-items:center;margin-left:12px}.mobile-list-brand,.mobile-nav-close,.nav-scrim{display:none}.compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#132b4b65;z-index:30;display:flex;justify-content:flex-end;align-items:flex-end;padding:25px}.compose-dialog{width:min(620px,100%);height:min(710px,calc(100dvh - 50px));background:#fff;border-radius:15px;box-shadow:0 20px 70px #0c24445e;display:flex;flex-direction:column;overflow:hidden}.compose-header{height:86px;flex:none;padding:18px 24px;background:#f8faff;border-bottom:1px solid #e9eff7;display:flex;justify-content:space-between;align-items:center}.compose-header h2{font:800 17px Manrope,Arial,sans-serif;letter-spacing:-.5px;margin:4px 0 0}.compose-dialog form{display:flex;flex-direction:column;flex:1;min-height:0}.compose-fields{padding:5px 24px 0}.recipient-row{min-height:48px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;gap:10px}.recipient-row label{width:53px;flex:none;font-size:12px;font-weight:700;color:#7d8da4}.recipient-row input{border:0;outline:0;min-width:0;flex:1;height:44px;font-size:12px;color:#344b6a}.recipient-row input::placeholder,.compose-body::placeholder{color:#b0bccb}.recipient-toggles{display:flex;gap:4px}.recipient-toggles button{background:none;color:#8fa0b6;font-size:11px;padding:7px 3px}.recipient-toggles button:hover{color:#2e69d4}.compose-error{margin-left:64px}.compose-body{flex:1;border:0;resize:none;padding:23px 24px;font-size:13px;line-height:1.8;color:#354c6a;min-height:80px;outline:0}.compose-attachments{display:flex;flex-wrap:wrap;gap:7px;padding:0 22px}.compose-attachment{display:inline-flex;align-items:center;gap:6px;border:1px solid #e0e9f5;border-radius:6px;padding:7px 8px;color:#4b678a;background:#f9fbff;font-size:10px}.compose-attachment small{color:#9aabc0}.compose-attachment button{background:none;color:#8b9cb1;display:grid;place-items:center}.compose-notice{margin:6px 24px 0;color:#ad4b4d;background:#fff4f2;border-radius:6px;padding:8px 10px;font-size:11px}.compose-notice.success{color:#2f855f;background:#ecfbf2}.compose-footer{height:67px;border-top:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;padding:0 22px;flex:none}.compose-tools,.compose-footer-actions{display:flex;align-items:center;gap:10px}.attach-button{position:relative;overflow:hidden;cursor:pointer}.attach-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.text-button{background:transparent;color:#5177b6;font-size:12px;font-weight:700;padding:10px}.send-button{height:35px;padding:0 17px;font-size:11px}@media(max-width:1100px){.main-grid{grid-template-columns:320px minmax(0,1fr)}.sidebar{width:205px}.message-detail{padding:37px 34px}.login-content{gap:30px}}@media(max-width:800px){.sidebar{width:195px}.main-grid{grid-template-columns:280px minmax(0,1fr)}.list-header{padding:30px 19px 20px}.list-toolbar{padding:0 19px}.message-row{padding-left:14px;padding-right:12px}.message-detail{padding:30px 24px}.message-heading h1{font-size:24px}.login-wrap{width:min(650px,calc(100% - 40px))}.login-content{display:block;padding:15px 0 45px}.login-intro{min-height:auto;padding:0;margin-bottom:30px;text-align:center}.login-intro .eyebrow{justify-content:center}.login-intro h1{font-size:39px}.login-intro p{font-size:13px}.login-art{display:none}.login-card{max-width:480px;margin:auto}}@media(max-width:650px){.app-shell{min-height:0}.sidebar{position:fixed;z-index:42;left:0;top:0;bottom:0;width:255px;transform:translate(-100%);transition:transform .2s;box-shadow:15px 0 40px #14345a21}.sidebar.nav-open{transform:translate(0)}.mobile-nav-close{display:grid}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#12305460;z-index:41}.main-grid{display:block;width:100%}.list-pane{height:100%;border:0}.mobile-list-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.mobile-list-brand .brand{transform:scale(.9);transform-origin:left center}.list-header{padding:17px 20px 21px}.list-title-row h1{font-size:27px}.list-toolbar{padding:0 20px}.message-row{min-height:100px;padding:18px 20px}.reading-pane{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.reading-pane.reader-open{display:block}.list-pane.has-open-message{display:none}.reader-back{display:grid}.reader-toolbar{height:57px;padding:0 15px}.message-detail{padding:29px 22px 50px}.message-heading h1{font-size:25px}.sender-block{margin-top:27px}.message-body{font-size:13px}.compose-overlay{padding:0}.compose-dialog{border-radius:0;width:100%;height:100dvh}.compose-header{height:75px}.login-wrap{width:calc(100% - 34px)}.login-top{height:90px}.login-top-note{display:none}.login-content{padding:30px 0}.login-intro{margin-bottom:25px}.login-intro h1{font-size:36px;letter-spacing:-2px}.login-intro p{line-height:1.65}.login-card{padding:32px 25px}.login-footer{height:50px}.login-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.logout-dialog{width:min(400px,calc(100% - 28px));max-width:none;border:0;border-radius:16px;padding:27px;background:#fff;color:#1d3352;box-shadow:0 24px 70px #112c4b38}.logout-dialog::backdrop{background:#1129488c}.logout-dialog-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eaf2ff;color:#2c68d2;margin-bottom:18px}.logout-dialog h2{font:800 19px Manrope,Arial,sans-serif;letter-spacing:-.6px;margin:0 0 8px}.logout-dialog p{font-size:12px;line-height:1.6;color:#8294aa;margin:0}.logout-dialog .logout-dialog-error{color:#a54846;margin-top:13px}.logout-dialog-actions{display:flex;gap:10px;margin-top:26px}.logout-dialog-actions button{flex:1;min-height:40px;padding:0 10px;font-size:12px;white-space:nowrap}