@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#25273c;font-synthesis:none;text-rendering:optimizelegibility;--ink:#25273c;--muted:#7c7f94;--line:#e7e8ef;--panel:#fff;--soft:#f5f6fa;--brand:#5b5ce2;--brand-dark:#4446be;--navy:#171a35;background:#f5f6fa;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px;outline:3px solid #5b5ce238}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.splash{height:100vh;color:var(--brand);place-content:center;justify-items:center;gap:22px;display:grid}.splash img{border-radius:18px;width:68px;box-shadow:0 14px 35px #37378238}.brand-lockup{color:#fff;align-items:center;gap:11px;padding:1px 2px;font:800 19px/1 Manrope,sans-serif;display:flex}.brand-lockup img{border-radius:10px;width:34px;height:34px;box-shadow:0 8px 20px #0000002e}.brand-lockup--large{font-size:22px}.brand-lockup--large img{width:42px;height:42px}.login-page{background:#fff;grid-template-columns:minmax(430px,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(150deg,#171a35 0%,#292a61 56%,#4647a8 100%);flex-direction:column;padding:44px 7vw;display:flex;position:relative;overflow:hidden}.login-copy{z-index:2;max-width:650px;margin:auto 0;position:relative}.eyebrow{letter-spacing:.08em;color:#d8d8ff;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow--dark{color:var(--brand)}.login-copy h1{letter-spacing:-.055em;margin:22px 0 24px;font:800 clamp(46px,5vw,74px)/1.02 Manrope,sans-serif}.login-copy p{color:#d7d8ee;max-width:590px;font-size:18px;line-height:1.65}.login-orbits{opacity:.32;width:620px;height:620px;position:absolute;bottom:-230px;right:-230px}.login-orbits i{border:1px solid #bcbcff;border-radius:50%;position:absolute;inset:0}.login-orbits i:nth-child(2){inset:90px}.login-orbits i:nth-child(3){background:#ffffff14;inset:180px}.login-panel{background:#fafaff;place-items:center;padding:40px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:24px;gap:22px;width:min(430px,100%);padding:44px;display:grid;box-shadow:0 24px 65px #2b2b5d1a}.login-card h2{letter-spacing:-.035em;margin:7px 0 8px;font:800 30px/1.2 Manrope,sans-serif}.login-card p{color:var(--muted);margin:0}.login-card label{gap:8px;font-size:13px;font-weight:700;display:grid}.login-card input{background:#fbfbfd;border:1px solid #dfe0e9;border-radius:12px;width:100%;padding:14px 15px;font-weight:500}.login-card small{color:#9294a5;text-align:center;line-height:1.5}.login-mobile-brand{align-items:center;gap:10px;font:800 18px Manrope;display:none}.login-mobile-brand img{border-radius:10px;width:36px}.primary-button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:11px 19px;font-weight:700;transition:all .18s;display:inline-flex}.primary-button:hover{background:var(--brand-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.62;cursor:wait;transform:none}.login-button{min-height:49px;margin-top:2px}.form-error{background:#fff0f2;border:1px solid #ffd7dc;border-radius:10px;padding:10px 12px;font-size:13px;color:#b33b49!important}.app-shell{background:var(--soft);grid-template-columns:268px 412px 1fr;height:100vh;display:grid}.sidebar{z-index:12;color:#dfe0f0;background:linear-gradient(165deg,#171a35 0%,#20234a 100%);flex-direction:column;min-width:0;padding:24px 16px 18px;display:flex;position:relative}.close-sidebar{margin-left:auto;color:#fff!important;display:none!important}.compose-button{color:#fff;cursor:pointer;background:#6a67ec;border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;height:46px;margin:30px 0 19px;font-weight:700;display:flex;box-shadow:0 11px 24px #403eaa3d}.compose-button:hover{background:#7774f1}.folder-nav{gap:4px;display:grid}.folder-nav button,.account-list button{color:#aeb0c6;cursor:pointer;text-align:left;background:0 0;border:0}.folder-nav button{border-radius:9px;align-items:center;gap:12px;min-height:42px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.folder-nav button:hover,.folder-nav button.active{color:#fff;background:#ffffff17}.folder-nav button b{color:#fff;background:#6667df;border-radius:20px;place-items:center;min-width:22px;height:22px;margin-left:auto;font-size:11px;display:grid}.accounts-heading{color:#71758f;letter-spacing:.14em;justify-content:space-between;margin:29px 11px 11px;font-size:10px;font-weight:800;display:flex}.account-list{gap:4px;display:grid}.account-list button{border-radius:11px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:7px 9px;display:grid}.account-list button:hover,.account-list button.active{color:#fff;background:#ffffff14}.account-list button>span:nth-child(2){gap:3px;min-width:0;display:grid}.account-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.account-list small{color:#85899f;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.account-list b{color:#21233f;background:#f0b251;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:10px;display:grid}.account-avatar,.all-avatar{color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.all-avatar{background:linear-gradient(135deg,#7779e8,#b464c1)}.sidebar-footer{border-top:1px solid #ffffff17;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:10px;margin-top:auto;padding:18px 4px 0;display:grid}.owner-avatar{color:#fff;background:#3d416f;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.sidebar-footer>span{min-width:0;display:grid}.sidebar-footer strong{font-size:12px}.sidebar-footer small{color:#7f8299;font-size:10px}.icon-button{color:#74778c;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:38px;height:38px;display:inline-grid}.icon-button:hover{color:var(--ink);background:#f0f1f6}.sidebar .icon-button:hover{color:#fff;background:#ffffff14}.menu-button{display:none}.mail-list-panel{border-right:1px solid var(--line);background:#fafbfe;grid-template-rows:72px auto auto minmax(0,1fr);min-width:0;display:grid}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffd9;align-items:center;gap:10px;padding:16px 18px;display:flex}.mobile-title{display:none}.search-box{color:#8a8c9e;background:#f3f4f8;border:1px solid #0000;border-radius:10px;flex:1;align-items:center;gap:9px;height:40px;padding:0 11px;display:flex}.search-box:focus-within{background:#fff;border-color:#c9c9f8;box-shadow:0 0 0 3px #5b5ce214}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.search-box button{color:#9294a5;cursor:pointer;background:0 0;border:0;padding:2px}.list-heading{justify-content:space-between;align-items:center;padding:21px 22px 15px;display:flex}.list-heading p{letter-spacing:-.035em;margin:0 0 3px;font:800 21px Manrope}.list-heading span{color:#9698a9;font-size:11px}.list-heading button{color:#858798;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;display:flex}.demo-banner{color:#5556bd;background:#eeefff;border:1px solid #dedfff;border-radius:9px;align-items:center;gap:7px;margin:0 16px 10px;padding:8px 11px;font-size:11px;font-weight:600;display:flex}.message-list{min-height:0;padding:0 11px 20px;overflow-y:auto}.message-card{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:15px 12px;display:grid;position:relative}.message-card+.message-card{border-top-color:#edeff4;border-radius:0}.message-card:hover{background:#fff;border-color:#ededf4;border-radius:13px;box-shadow:0 8px 24px #3537600f}.message-card.selected{background:#fff;border-color:#dedff7;border-radius:13px;box-shadow:0 8px 28px #35376014}.message-card.unread:before{content:"";background:var(--brand);border-radius:0 4px 4px 0;width:4px;height:20px;position:absolute;top:23px;left:0}.sender-avatar{background:color-mix(in srgb, var(--avatar-color,#5b5ce2) 14%, white);width:42px;height:42px;color:var(--avatar-color,#5b5ce2);border-radius:13px;place-items:center;font-size:11px;font-weight:800;display:grid}.message-summary{gap:3px;min-width:0;display:grid}.message-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.message-meta strong{text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:13px;font-weight:600;overflow:hidden}.message-card.unread .message-meta strong,.message-card.unread .message-subject{color:#22243a;font-weight:800}.message-meta time{color:#9a9cab;white-space:nowrap;font-size:10px}.message-subject{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.message-snippet{color:#8b8d9d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.message-tags{color:#8e90a0;align-items:center;gap:5px;margin-top:5px;font-size:9px;display:flex}.message-tags i{border-radius:50%;width:6px;height:6px}.message-tags em{align-items:center;gap:2px;margin-left:auto;font-style:normal;display:flex}.card-star{color:#e5a537;position:absolute;bottom:14px;right:12px}.reader-panel{background:#fff;grid-template-rows:62px minmax(0,1fr);min-width:0;display:grid}.reader-empty{text-align:center;color:#989aaa;grid-row:1/-1;place-self:center}.reader-empty>span,.empty-icon{color:#7778d8;background:#f0f1ff;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 14px;display:grid}.reader-empty h2{color:#4a4c61;margin:0 0 7px;font:700 18px Manrope}.reader-empty p{margin:0;font-size:13px}.reader-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:2px;padding:11px 22px;display:flex}.reader-toolbar>span{flex:1}.reader-back{display:none}.is-starred{color:#e2a134!important}.message-reader{padding:38px clamp(30px,5vw,74px) 54px;overflow-y:auto}.reader-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.identity-pill{color:var(--identity-color);background:color-mix(in srgb, var(--identity-color) 10%, white);border-radius:20px;align-items:center;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.message-reader h1{letter-spacing:-.04em;max-width:800px;margin:14px 0 29px;font:800 clamp(25px,3vw,36px)/1.2 Manrope}.sender-row{border-bottom:1px solid #eff0f4;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding-bottom:25px;display:grid}.sender-avatar--large{border-radius:15px;width:48px;height:48px}.sender-row>div{gap:3px;min-width:0;display:grid}.sender-row strong{font-size:13px}.sender-row small{color:#9294a5;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sender-row time{color:#9b9dab;font-size:10px}.message-body{color:#3c3e53;max-width:850px;padding:27px 0 20px;font-size:14px;line-height:1.68}.message-body p{min-height:1.68em;margin:0}.message-body iframe{border:0;width:100%;min-height:380px}.attachments{border-top:1px solid #eff0f4;padding:18px 0 26px}.attachments h3{color:#77798a;margin:0 0 12px;font-size:11px}.attachments button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e6ee;border-radius:11px;align-items:center;gap:10px;padding:10px 13px;display:inline-flex}.attachments button>span:first-child{color:#e25955;background:#fff0ef;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.attachments button>span:last-child{gap:2px;display:grid}.attachments strong{font-size:11px}.attachments small{color:#999baa;font-size:9px}.reply-button{cursor:pointer;background:#fff;border:1px solid #dfe0ea;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;display:inline-flex}.reply-button:hover{color:var(--brand);background:#f8f8ff;border-color:#c9caf4}.empty-state{text-align:center;color:#999baa;place-content:center;justify-items:center;min-height:340px;display:grid}.empty-state h3{color:#525467;margin:3px 0}.empty-state p{margin:5px 0;font-size:12px}.mobile-compose,.sidebar-scrim{display:none}.compose-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14162e7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.compose-card{background:#fff;border-radius:18px;grid-template-rows:auto auto auto auto minmax(200px,1fr) auto auto;width:min(720px,100%);max-height:min(760px,100vh - 40px);display:grid;overflow:hidden;box-shadow:0 28px 90px #12143747}.compose-card header{background:#f8f8fc;justify-content:space-between;align-items:flex-start;padding:20px 22px 17px;display:flex}.compose-kicker{color:var(--brand);letter-spacing:.13em;font-size:9px;font-weight:800}.compose-card h2{margin:3px 0 0;font:800 20px Manrope}.compose-from,.compose-row{border-bottom:1px solid #eeeef3;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:50px;padding:0 22px;display:grid}.compose-from>span,.compose-row>span{color:#9092a2;font-size:12px}.compose-from select,.compose-row input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.compose-from select{font-weight:700}.compose-row button{color:var(--brand);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.compose-card textarea{resize:none;border:0;outline:0;min-height:240px;padding:22px;line-height:1.6}.compose-card footer{border-top:1px solid #eeeef3;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.attach-button{color:#77798d;cursor:pointer;align-items:center;gap:7px;padding:8px;font-size:12px;font-weight:600;display:flex}.attach-button input{display:none}.file-chips{flex-wrap:wrap;gap:7px;padding:0 20px 12px;display:flex}.file-chips>span{color:#666879;background:#f1f2f7;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;display:inline-flex}.file-chips button{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.compose-error{margin:0 20px 10px!important}.toast{z-index:50;color:#fff;background:#242641;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 45px #14163240}@media (width<=1120px){.app-shell{grid-template-columns:82px 390px 1fr}.sidebar{align-items:center;padding-inline:14px}.brand-lockup span,.folder-nav span,.accounts-heading,.account-list button>span:nth-child(2),.account-list button>b,.sidebar-footer>span,.sidebar-footer .icon-button{display:none}.brand-lockup img{width:38px;height:38px}.compose-button{border-radius:14px;width:48px;height:48px;font-size:0}.folder-nav button{justify-content:center;width:48px;padding:0}.folder-nav button b{display:none}.account-list button{grid-template-columns:34px;padding:7px}.sidebar-footer{grid-template-columns:34px}}@media (width<=780px){body{overflow:auto}.app-shell{height:100dvh;min-height:100dvh;display:block}.sidebar{width:min(310px,86vw);padding:max(22px, env(safe-area-inset-top)) 16px 18px;align-items:stretch;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:22px 0 60px #10122c47}.sidebar--open{transform:translate(0)}.sidebar .brand-lockup span,.sidebar .folder-nav span,.sidebar .accounts-heading,.sidebar .account-list button>span:nth-child(2),.sidebar .account-list button>b,.sidebar .sidebar-footer>span,.sidebar .sidebar-footer .icon-button{display:initial}.sidebar .folder-nav button{justify-content:flex-start;width:100%;padding:0 12px}.sidebar .folder-nav button b{display:grid}.sidebar .account-list button{grid-template-columns:34px minmax(0,1fr) auto;padding:7px 9px}.sidebar .sidebar-footer{grid-template-columns:34px minmax(0,1fr) 34px}.close-sidebar{display:inline-grid!important}.sidebar-scrim{z-index:11;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10122a6b;border:0;display:block;position:fixed;inset:0}.mail-list-panel{border:0;grid-template-rows:auto auto auto minmax(0,1fr);height:100dvh}.topbar{padding:max(12px, env(safe-area-inset-top)) 13px 12px;gap:7px;min-height:66px}.menu-button{display:inline-grid}.mobile-title{flex:1;min-width:0;display:grid}.mobile-title strong{font:800 15px Manrope}.mobile-title small{color:#9698a8;font-size:9px}.search-box{left:12px;right:12px;top:calc(max(12px, env(safe-area-inset-top)) + 52px);z-index:2;order:4;position:absolute;box-shadow:0 5px 18px #1e1f4b12}.topbar{margin-bottom:51px}.list-heading{padding:14px 17px 10px}.list-heading p{font-size:18px}.message-list{padding:0 7px calc(86px + env(safe-area-inset-bottom))}.message-card{padding:14px 10px}.message-meta strong{max-width:58vw}.reader-panel{z-index:20;grid-template-rows:auto minmax(0,1fr);display:none;position:fixed;inset:0}.reader-panel--open{display:grid}.reader-toolbar{padding:max(10px, env(safe-area-inset-top)) 12px 10px;min-height:58px}.reader-back{margin-right:6px;display:inline-grid}.message-reader{padding:25px 20px calc(45px + env(safe-area-inset-bottom))}.message-reader h1{font-size:25px}.sender-row{grid-template-columns:44px minmax(0,1fr)}.sender-row time{grid-column:2}.mobile-compose{z-index:8;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));background:var(--brand);color:#fff;border:0;border-radius:18px;place-items:center;width:56px;height:56px;display:grid;position:fixed;box-shadow:0 15px 30px #4142b459}.compose-button{width:100%;height:46px;font-size:14px}.compose-backdrop{place-items:end center;padding:0}.compose-card{width:100%;max-height:94dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0}.toast{bottom:calc(18px + env(safe-area-inset-bottom));white-space:nowrap;max-width:calc(100vw - 30px)}}@media (width<=860px){.login-page{background:linear-gradient(160deg,#f6f6ff,#fff);grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:22px}.login-card{padding:30px 24px}.login-mobile-brand{display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}