:root{--ink:#142d32;--muted:#839297;--teal:#0bdbcd;--teal-dark:#0a9188;--line:#e9eff0;--panel:#fff;--pale:#f7fafb;--navy:#0b2228;--background:#eff4f5}*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%;font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--background)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.46}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(11,219,205,.34);outline-offset:2px}button,input,textarea{transition:border-color .17s,background-color .17s,opacity .17s}button{border:0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.overline,.section-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#54a09a}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;flex:none;border:0;background:transparent;border-radius:9px;color:#7c9194}.icon-button:hover{background:#eff5f5;color:#18383a}.icon-button.dangerous:hover{color:#d34c4c;background:#fef1f0}.brand{align-items:center;gap:12px;position:relative;z-index:3}.brand-icon{height:39px;width:39px;flex:none;background:var(--teal);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(11,219,205,.15)}.brand-icon span{font-size:25px;line-height:1;color:#09383a;transform:skew(-10deg)}.brand-icon span,.brand-name{font-family:Manrope,sans-serif;font-weight:800}.brand-name{color:#fff;font-size:22px;letter-spacing:-1.1px;line-height:1.1}.brand-name span{color:var(--teal)}.brand-product{font-size:8px;color:#81999d;letter-spacing:2.25px;margin-top:4px}.checking{height:100vh;display:flex;align-items:center;justify-content:center;gap:25px;background:#0b2228;color:var(--teal)}.login-shell{display:flex;min-height:100vh;background:#fff}.login-feature{background:#0b2228;color:#fff;position:relative;overflow:hidden;width:53%;min-height:680px;display:flex;flex-direction:column;padding:43px 54px 35px}.login-feature-bottom,.login-feature-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.private-pill{display:flex;align-items:center;gap:8px;font-size:10px;color:#83d7d1;font-weight:800;letter-spacing:1.4px;border:1px solid rgba(11,219,205,.2);padding:10px 12px;border-radius:100px;background:rgba(11,219,205,.05)}.login-feature-main{margin:auto 0;position:relative;z-index:2;max-width:620px;padding:95px 0 70px}.section-eyebrow{display:flex;align-items:center;gap:12px;color:#79cac5;letter-spacing:2.2px}.pulse-dot{background:var(--teal);width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 5px rgba(11,219,205,.12)}.login-feature h1{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-4px;font-size:clamp(42px,4.9vw,79px);line-height:1.11;margin:30px 0 20px;white-space:nowrap}.login-feature h1 em{color:var(--teal);font-style:normal}.login-feature-main>p{max-width:390px;font-size:15px;line-height:1.85;color:#93aeb3}.feature-mini{display:flex;gap:24px;margin-top:70px;flex-wrap:wrap}.feature-mini>div{display:flex;align-items:center;gap:9px;font-size:11px;color:#b1c9cb;font-weight:600}.feature-mini svg{color:var(--teal)}.login-feature-bottom{font-size:9px;color:#628086;font-weight:800;letter-spacing:1.8px}.login-feature-bottom>span:last-child{display:flex;align-items:center;gap:7px}.orb{position:absolute;pointer-events:none;border-radius:50%;filter:blur(4px)}.orb-one{height:450px;width:450px;background:radial-gradient(circle,rgba(4,125,119,.29),rgba(5,64,63,.1) 55%,transparent 72%);right:-120px;top:15%}.orb-two{height:380px;width:380px;background:radial-gradient(circle,rgba(13,223,207,.11),transparent 70%);left:20%;bottom:-250px}.feature-ring{border:1px solid rgba(76,191,185,.14);width:580px;height:580px;border-radius:50%;position:absolute;top:50%;right:-375px;transform:translateY(-50%);box-shadow:0 0 0 70px rgba(11,219,205,.024),0 0 0 140px rgba(11,219,205,.012)}.login-form-panel{width:47%;display:flex;justify-content:center;align-items:center;padding:40px 52px}.login-form-inner{max-width:420px;width:100%;padding:20px 0}.mobile-brand{display:none}.login-header .overline{color:var(--teal-dark)}.login-header h2{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1.2px;margin:14px 0 9px}.login-header p{color:#849397;font-size:13px;line-height:1.7;margin:0 0 33px}.signin-form{display:grid;grid-gap:21px;gap:21px}.signin-form label{display:grid;grid-gap:9px;gap:9px;font-size:12px;font-weight:700;color:#30474b}.compose-fields input,.signin-form input{width:100%;height:49px;background:#f8fafb;border:1px solid #e6edee;color:#18383c;padding:0 15px;border-radius:9px;outline:0;font-size:13px}.compose-fields input:focus,.signin-form input:focus{border-color:#75cfc8;background:#fff}.compose-fields input::placeholder,.signin-form input::placeholder{color:#a6b4b7}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-toggle{position:absolute;top:7px;right:8px;height:35px;width:35px;background:transparent;color:#8b9ea0;display:flex}.password-toggle,.primary-btn{align-items:center;justify-content:center}.primary-btn{background:#0bdbcd;color:#063e40;display:inline-flex;gap:10px;border-radius:9px;padding:13px 19px;font-size:13px;font-weight:800;white-space:nowrap}.primary-btn:hover{background:#09cbbb}.login-submit{height:52px;margin-top:7px;justify-content:space-between;padding:0 19px}.login-or{position:relative;text-align:center;color:#a8b7b8;font-size:11px;margin:26px 0}.login-or:before{position:absolute;content:"";height:1px;background:#e5eeee;top:50%;left:0;right:0}.login-or span{position:relative;padding:0 16px;background:#fff}.demo-btn{width:100%;padding:15px;border:1px solid #dbe9e9;background:#fff;border-radius:9px;color:#23494b;display:flex;align-items:center;gap:10px;font-weight:700;font-size:12px}.demo-btn svg:last-child{margin-left:auto}.demo-btn:hover{background:#f5faf9}.login-footnote{display:flex;align-items:center;justify-content:center;gap:7px;margin:27px 0 0;font-size:11px;color:#899c9e}.login-footnote svg{color:var(--teal-dark)}.secondary-note{text-align:center;margin-top:8px;font-size:10px;line-height:1.7}.alert,.inline-error{padding:12px 14px;color:#a84040;background:#fff3f2;border:1px solid #f5d5d2;border-radius:9px;font-size:12px;line-height:1.6}.inline-error{margin:14px 21px;display:flex;align-items:center;justify-content:space-between;gap:10px}.inline-error button{font-weight:800;color:#943d3d;background:transparent}.app-frame{display:flex;height:100dvh;min-height:520px;overflow:hidden}.sidebar{flex:none;display:flex;flex-direction:column;width:244px;background:#0d282e;color:#e0f0f0;min-height:0;padding:28px 17px 14px}.sidebar-top{margin:0 9px 39px;display:flex;justify-content:space-between}.sidebar .brand-icon{height:37px;width:37px;border-radius:11px}.sidebar .brand-name{font-size:21px}.sidebar .brand-product{font-size:7.5px}.sidebar-close{display:none}.compose-launch{width:100%;height:45px;border-radius:9px;background:var(--teal);color:#093538;display:flex;align-items:center;gap:9px;justify-content:center;font-weight:800;font-size:13px}.compose-launch:hover{background:#43e6db}.compose-launch svg:last-child{margin-left:auto;margin-right:12px}.compose-launch svg:first-child{margin-left:12px}.sidebar-scroll{flex:1 1;min-height:0;overflow-y:auto;padding-top:34px;scrollbar-width:none;-ms-overflow-style:none}.sidebar-scroll::-webkit-scrollbar{display:none;width:0;height:0}.nav-label{margin:0 11px 13px;color:#567c82;font-size:9px;font-weight:800;letter-spacing:1.9px}.nav-label-spaced{margin-top:33px}.nav-item{display:flex;align-items:center;gap:14px;border-radius:9px;color:#a1bdc2;padding:12px 14px;width:100%;background:transparent;text-align:left;font-size:13px;font-weight:600;margin-bottom:3px}.nav-item svg{color:#72939a;flex:none}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:#173e43;color:#dcfffc}.nav-item.active svg{color:var(--teal)}.nav-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-counter{background:var(--teal);color:#083b3d;border-radius:6px;min-width:21px;height:20px;text-align:center;line-height:20px;font-size:10px;padding:0 3px}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.07);padding:19px 2px 0}.sidebar-info{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.1px;font-weight:800;color:#76a4a9;margin-bottom:20px}.online-dot{background:#0bdbcd;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px rgba(11,219,205,.1)}.sidebar-profile{width:100%;display:flex;align-items:center;gap:11px;padding:9px 5px;background:transparent;color:#7da1a5;text-align:left;border-radius:8px}.sidebar-profile:hover{background:rgba(255,255,255,.04)}.profile-avatar,.top-avatar{width:35px;height:35px;background:#28515a;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#8feee7;font-size:11px;font-weight:800;flex:none}.profile-text{display:grid;grid-gap:4px;gap:4px;min-width:0;flex:1 1}.profile-text strong{color:#d9f0ee;font-size:12px}.profile-text span,.profile-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-text span{color:#749298;font-size:10px}.workspace{display:flex;flex-direction:column;flex:1 1;min-width:0;height:100%;overflow:hidden}.topbar{height:67px;min-height:67px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 31px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px}.breadcrumb{display:flex;align-items:center;gap:9px;letter-spacing:1.3px;color:#a7b4b5;font-weight:800;font-size:9px}.breadcrumb strong{color:#244648}.topbar-live{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#768f92}.topbar-live span{height:6px;width:6px;background:#14c6a4;border-radius:50%}.topbar-divider{height:26px;width:1px;background:#e5eeee}.top-avatar{height:33px;width:33px;background:#def4f1;color:#178f86}.demo-indicator{border:1px solid #daf0ed;color:#158f87;font-weight:800;letter-spacing:1px;font-size:9px;padding:7px 8px;border-radius:5px}.demo-banner{height:auto;flex:none;padding:10px 26px;background:#e6fbf8;color:#23665f;display:flex;gap:9px;line-height:1.4}.demo-banner,.demo-banner button{align-items:center;font-size:11px}.demo-banner button{color:#00796e;background:transparent;text-decoration:underline;font-weight:800;display:inline-flex;gap:3px}.workspace-body{display:flex;flex:1 1;min-height:0}.mail-list-panel{width:min(405px,40%);min-width:330px;flex:none;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.inbox-head{padding:34px 27px 21px;justify-content:space-between}.inbox-head,.inbox-head h1{display:flex;align-items:center}.inbox-head h1{gap:12px;font-family:Manrope,sans-serif;letter-spacing:-1.2px;font-size:27px;margin:10px 0 6px;color:#183438}.inbox-head h1 svg{color:#268e88}.mail-total{background:#edf6f6;color:#4c9894;padding:4px 8px;font-size:11px;letter-spacing:0;border-radius:7px}.inbox-head p{color:#9aabaf;font-size:11px;margin:0}.refresh-button{width:33px;height:33px;border:1px solid #e4ecec;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;color:#6a888b}.refresh-button:hover{border-color:#b4d7d3;color:#168b82}.search-wrap{height:43px;margin:0 22px 27px;border-radius:8px;background:#f7f9fa;display:flex;align-items:center;padding:0 12px;gap:9px;color:#95a9ab}.search-wrap:focus-within{box-shadow:0 0 0 2px #d7f4f0}.search-wrap input{background:transparent;border:0;outline:none;flex:1 1;min-width:0;color:#233d40;font-size:11px}.search-wrap input::placeholder{color:#a6b7b8}.search-wrap kbd{font-size:15px;color:#b6c6c7}.list-header{display:flex;justify-content:space-between;padding:0 23px 12px;color:#a4b2b4;font-size:9px;font-weight:800;letter-spacing:1.5px}.list-header span:last-child{letter-spacing:0;font-weight:600}.message-list{overflow-y:auto;flex:1 1;min-height:0;scrollbar-width:thin}.message-row{position:relative;border-top:1px solid #f0f4f4}.message-row:last-child{border-bottom:1px solid #f0f4f4}.message-row.selected{background:#effaf9;box-shadow:inset 3px 0 0 #0bdbcd}.message-row:hover{background:#f7fafb}.message-select{width:100%;background:transparent;text-align:left;display:flex;gap:12px;align-items:flex-start;padding:17px 33px 17px 20px}.sender-avatar{width:37px;height:37px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#1b746e;background:#dbf7f3}.sender-avatar.big{width:44px;height:44px;border-radius:12px;font-size:14px}.shade-0{background:#f2e8ff;color:#8952ad}.shade-1{background:#dff1ff;color:#4687b2}.shade-2{background:#dcf6ed;color:#2a9b76}.shade-3{background:#fff1da;color:#c58b30}.shade-4{background:#fae7e8;color:#c06f7a}.message-main{flex:1 1;min-width:0}.message-firstline{display:flex;align-items:center;gap:8px;justify-content:space-between}.sender-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:12px;color:#335054}.message-row.unread .sender-name{font-weight:800;color:#142d32}.message-firstline time{white-space:nowrap;color:#a2b4b5;font-size:10px}.message-subject{color:#30484c;margin:6px 0 5px;font-size:11px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.message-row.unread .message-subject{font-weight:800}.message-preview{color:#a5b5b7;font-size:10px;display:flex;gap:10px;align-items:center}.message-preview,.message-preview span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-dot{width:6px;height:6px;background:#0ed9c9;border-radius:50%;position:absolute;right:15px;top:20px}.row-star{position:absolute;right:10px;bottom:13px;color:#cad7d8;background:transparent;padding:5px}.row-star.is-starred,.row-star:hover{color:#efb046}.pagination{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px 17px 8px 23px;color:#93a5a6;font-size:10px}.pagination>div{display:flex;gap:5px}.empty-state{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#90a7a9;text-align:center;padding:25px}.empty-state h3{font-family:Manrope,sans-serif;font-size:16px;color:#244145;margin:15px 0 5px}.empty-state p{font-size:11px;line-height:1.5}.empty-icon{height:66px;width:66px;border-radius:20px;background:#e7f7f5;color:#49a69d;display:flex;align-items:center;justify-content:center}.reader-panel{background:#fff;min-width:0;min-height:0}.reader-panel,.reader-placeholder{flex:1 1;display:flex;flex-direction:column}.reader-placeholder{align-items:center;justify-content:center;text-align:center;padding:40px}.reader-art{height:210px;width:230px;margin-bottom:22px}.reader-art,.reader-art-envelope{position:relative;display:flex;align-items:center;justify-content:center}.reader-art-envelope{width:110px;height:96px;border-radius:21px;background:linear-gradient(125deg,#c8fbf5,#e6f9f6);transform:rotate(-7deg);z-index:1;box-shadow:10px 20px 50px rgba(3,131,123,.11);color:#099d93}.reader-art-ring{border:1px solid #bde7e2;border-radius:50%;position:absolute;inset:10px 20px;transform:rotate(35deg)}.ring-b{inset:35px -5px;transform:rotate(-30deg);border-style:dashed}.reader-placeholder h2{font-family:Manrope,sans-serif;font-size:clamp(22px,2.3vw,34px);letter-spacing:-1.5px;line-height:1.38;margin:16px 0 11px}.reader-placeholder h2 i{font-style:normal;color:#1da99e}.reader-placeholder>p{color:#94a7aa;font-size:12px;max-width:290px;line-height:1.85}.secondary-action{margin-top:24px;background:#edf9f7;border-radius:9px;padding:12px 16px;display:flex;align-items:center;gap:12px;color:#188c83;font-size:12px;font-weight:800}.secondary-action:hover{background:#d9f3ee}.reader-toolbar{height:70px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.toolbar-caption{margin-right:auto;color:#a0b2b3;font-size:10px;letter-spacing:1.6px;font-weight:800}.toolbar-buttons{display:flex;gap:8px}.reader-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;flex:1 1;color:#70a8a2;font-size:12px}.message-detail{padding:43px 45px 50px;overflow-y:auto;flex:1 1;min-height:0}.detail-label{font-size:9px;font-weight:800;color:#41a49b;letter-spacing:1.9px}.detail-subject{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(21px,2vw,29px);line-height:1.35;letter-spacing:-1.1px;margin:12px 0 30px}.detail-meta{display:flex;align-items:center;gap:13px}.detail-meta-person{display:grid;flex:1 1;grid-gap:4px;gap:4px;min-width:0}.detail-meta-person strong{font-size:13px}.detail-meta-person span{font-size:10px;color:#8b9fa2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-meta time{font-size:10px;color:#95a7a8;text-align:right;max-width:110px}.detail-divider{margin:27px 0;border-top:1px solid #ebf0f0}.message-content{font-family:inherit;font-size:13px;line-height:1.85;color:#3c5559;white-space:pre-wrap;word-break:break-word;min-height:170px}.attachments{margin-top:35px}.attachment-list{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.attachment-list button{padding:11px 13px;display:flex;gap:10px;align-items:center;background:#f5faf9;color:#376d69;border:1px solid #e5f1ef;border-radius:9px;max-width:100%;font-size:12px}.attachment-list button:hover{border-color:#61beb5}.attachment-list button span{display:grid;grid-gap:4px;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-list small{font-size:10px;color:#9db0b0}.reply-actions{display:flex;gap:10px;margin:35px 0 0}.outline-btn{display:flex;align-items:center;gap:9px;border:1px solid #dbeaea;background:#fff;border-radius:9px;color:#426363;font-size:12px;font-weight:700;padding:10px 15px}.outline-btn:hover{background:#f0faf8}.mobile-back,.mobile-menu{display:none}.modal-scrim{z-index:60;position:fixed;inset:0;background:rgba(9,27,30,.57);display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.compose-modal{background:#fff;border-radius:17px;display:flex;flex-direction:column;width:min(640px,100%);max-height:min(740px,92dvh);box-shadow:0 26px 95px rgba(0,19,23,.23);overflow:hidden}.compose-title{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding:25px 30px 18px}.compose-title h3{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.7px;margin:5px 0 0}.compose-fields{padding:7px 30px 0}.compose-fields label{display:flex;align-items:center;min-height:46px;border-bottom:1px solid #edf2f2;gap:15px}.compose-fields span{width:47px;color:#8fa6a7;font-size:12px}.compose-fields input{flex:1 1;background:transparent;border:0;height:42px;padding:0}.compose-body{border:0;outline:0;resize:none;flex:1 1;min-height:180px;color:#213f42;font-size:13px;line-height:1.8;margin:19px 30px;padding:2px 0}.compose-body::placeholder{color:#a4b7b7}.compose-actions{gap:14px;border-top:1px solid var(--line);padding:16px 24px}.compose-actions,.file-pick{display:flex;align-items:center}.file-pick{gap:8px;color:#4b7171;font-size:11px;cursor:pointer;font-weight:700}.compose-helper{margin-left:auto;font-size:10px;color:#9db0b1}.send-btn{font-size:12px}.attachment-pills{display:flex;flex-wrap:wrap;gap:6px;padding:0 30px 15px}.attachment-chip{display:inline-flex;align-items:center;gap:7px;background:#f0f7f6;padding:7px;border-radius:7px;font-size:10px;max-width:100%;word-break:break-all}.attachment-chip small{color:#8daba7}.attachment-chip button{color:#637f7c;display:flex;align-items:center;justify-content:center;background:transparent}.compose-modal .alert{margin:0 25px 10px}.toast{position:fixed;bottom:24px;right:25px;max-width:min(440px,90vw);z-index:80;display:flex;gap:11px;align-items:center;background:#0c2c2f;color:#e6f9f6;border:1px solid #194a49;box-shadow:0 20px 55px rgba(0,0,0,.2);border-radius:11px;padding:13px 18px;font-size:12px}.toast>svg{color:var(--teal);flex:none}.toast button{margin-left:15px;background:transparent;color:#8cb0ac}.mobile-overlay{display:none}@media(max-width:1200px){.sidebar{width:218px}.mail-list-panel{min-width:310px;width:43%}.message-detail{padding:32px 28px}.login-feature{padding-left:35px;padding-right:30px}.login-feature h1{font-size:clamp(40px,4.8vw,70px)}}@media(max-width:940px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.sidebar-top{margin-left:6px}.mail-list-panel{width:51%;min-width:290px}.reader-placeholder h2{font-size:24px}.feature-mini{gap:20px}.login-feature{width:48%}.login-form-panel{width:52%;padding:30px}.login-feature h1{font-size:45px;letter-spacing:-3px}.private-pill{display:none}}@media(max-width:760px){.app-frame{min-height:0}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(7,25,29,.5);z-index:25}.sidebar{position:fixed;z-index:26;left:0;top:0;bottom:0;width:275px;max-width:85vw;transform:translateX(-105%);transition:transform .25s;box-shadow:10px 0 40px rgba(0,0,0,.15)}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-close{color:#b7d0d0}.mobile-menu,.sidebar-close{display:inline-flex}.topbar{height:59px;min-height:59px;padding:0 17px}.topbar-left{gap:11px}.topbar-right{gap:10px}.breadcrumb{font-size:8px}.topbar-divider,.topbar-live{display:none}.workspace-body{position:relative}.mail-list-panel{width:100%;min-width:0;border-right:0}.reader-panel{display:none}.workspace.show-reading .reader-panel{display:flex;width:100%}.workspace.show-reading .mail-list-panel{display:none}.mobile-back{display:flex;margin-right:8px}.reader-toolbar{height:59px;padding:0 12px}.toolbar-caption{font-size:9px}.message-detail{padding:25px 22px}.detail-meta{flex-wrap:wrap}.detail-meta time{margin-left:56px}.inbox-head{padding:27px 24px 20px}.reader-placeholder{display:none}.compose-actions{flex-wrap:wrap;padding:14px 18px}.compose-helper{display:none}.compose-fields{padding-left:20px;padding-right:20px}.compose-title{padding:21px 20px 17px}.compose-body{margin-left:20px;margin-right:20px}.demo-banner{flex-wrap:wrap;padding:9px 13px;font-size:10px}.toast{right:12px;bottom:12px}.login-feature{display:none}.login-form-panel{width:100%;padding:28px 24px}.mobile-brand{display:block;margin-bottom:70px}.mobile-brand .brand-name{color:#0d2b2f}.mobile-brand .brand-product{color:#7d9d9e}.login-form-inner{max-width:470px}.login-header h2{font-size:29px}.login-header p{margin-bottom:27px}}@media(max-width:420px){.inbox-head h1{font-size:25px}.message-select{padding-left:15px}.search-wrap{margin-left:15px;margin-right:15px}.list-header{padding-left:17px;padding-right:17px}.detail-subject{font-size:23px}.detail-meta-person{flex-basis:calc(100% - 60px)}.detail-meta time{margin-top:-5px}.topbar-right .demo-indicator{font-size:8px;padding:5px}.top-avatar{width:30px;height:30px}}@media (display-mode:standalone){body{-webkit-tap-highlight-color:transparent}.app-frame,.login-shell{min-height:100dvh}}.pwa-install-tip{position:fixed;z-index:10000;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;background:#113138;border:1px solid rgba(11,219,205,.36);color:#f5ffff;border-radius:18px;padding:12px;box-shadow:0 12px 45px rgba(0,0,0,.34);max-width:500px;margin-inline:auto}.pwa-install-tip>img{border-radius:12px;flex:none}.pwa-install-copy{display:grid;grid-gap:4px;gap:4px;min-width:0;flex:1 1;font-size:12px;line-height:1.3}.pwa-install-copy strong{font-size:13px}.pwa-install-copy span{color:#b5d1cd}.pwa-install-button{background:#0bdbcd;color:#063d3b;border:0;border-radius:10px;padding:10px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.pwa-install-dismiss{background:transparent;border:0;color:#cde8e5;font:inherit;font-size:24px;padding:0 2px;cursor:pointer}.pwa-offline-pill{position:fixed;z-index:10001;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:#503529;color:#fff;border:1px solid #bc7861;padding:10px 14px;border-radius:12px;font-size:12px;text-align:center;max-width:calc(100vw - 24px)}@media (max-width:480px){.pwa-install-tip{gap:8px}}.remember-device{display:flex!important;align-items:flex-start;gap:11px;cursor:pointer;margin-top:4px}.remember-device input{width:17px!important;height:17px!important;min-width:17px;margin:2px 0 0;accent-color:#09c9bd;cursor:pointer}.remember-device span{display:grid;grid-gap:4px;gap:4px;line-height:1.3}.remember-device strong{font-size:13px;font-weight:650}.remember-device small{font-size:11px;line-height:1.55;opacity:.74}.track-open-option{display:flex;align-items:flex-start;gap:10px;margin:10px 22px;padding:11px 12px;border:1px solid var(--border,#dbe5e7);border-radius:12px;background:rgba(14,219,205,.045);cursor:pointer}.track-open-option input{margin-top:4px;accent-color:#0BDBCD;width:16px;height:16px;flex-shrink:0}.track-open-option span{display:grid;grid-gap:3px;gap:3px}.track-open-option strong{font-size:13px}.track-open-option small{font-size:11px;line-height:1.5;color:#7a8b91}.open-status{white-space:nowrap;display:inline-flex;align-items:center;gap:3px;font-weight:650;font-size:10px;padding:2px 5px;border-radius:6px}.open-status svg{flex-shrink:0}.open-loaded{color:#029c93;background:rgba(11,219,205,.1)}.open-pending{color:#64748b;background:#eef2f5}.open-untracked{color:#718096;background:#f4f6f8}.delivery-insights{border:1px solid #dae5e5;border-radius:14px;background:#f9fdfd;padding:14px 16px;margin:18px 0 14px;display:grid;grid-gap:10px;gap:10px}.delivery-insight-heading{display:flex;align-items:center;gap:8px;color:#10292e}.delivery-insight-heading strong{font-size:14px}.delivery-insight-heading small{font-size:10px;color:#74868b;margin-left:auto}.delivery-insight-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;line-height:1.5;color:#52666c}.delivery-buttons{display:flex;flex-wrap:wrap;gap:8px}.delivery-buttons .outline-btn{font-size:12px;padding:9px 11px}.delivery-disclaimer{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.6;color:#7c8991;margin:0}.delivery-disclaimer svg{flex-shrink:0;margin-top:2px}.delivery-error{font-size:12px;color:#b1283f;margin:0}@media(max-width:700px){.delivery-insight-heading{flex-wrap:wrap}.delivery-insight-heading small{margin-left:0;flex-basis:100%}.track-open-option{margin:8px 14px}}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.brand-logo{display:block;width:170px;height:auto;max-width:100%;object-fit:contain}.brand-product{color:#8fb6b7;display:block;margin:0 0 0 2px;font-size:9px;letter-spacing:2.4px;font-weight:800}.sidebar .brand-logo{width:165px}.login-feature-top .brand-logo{width:194px}.mobile-brand .brand-logo{width:179px}.checking{gap:22px}.checking .brand-logo{width:180px}.topbar-brand-mark{display:none;width:26px;height:26px;object-fit:contain}.reader-art-envelope img{width:45px;height:45px;object-fit:contain}@media(max-width:700px){.topbar-brand-mark{display:block}.mobile-brand .brand-product{color:#608e91}}