:root{--navy:#0B2D5B;--navy-2:#08254b;--teal:#14B8A6;--lime:#84CC16;--slate:#64748B;--ink:#183459;--line:#E5E7EB;--soft:#F6F8FA;--soft-teal:#F0FDFA;--white:#fff;--radius:8px;--shadow:0 18px 50px rgba(11,45,91,.12)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--white);color:var(--navy);font-family:Inter,Arial,sans-serif}.mail-shell{min-height:100dvh}.mail-language{position:fixed;right:1.25rem;top:1.15rem;z-index:10;display:flex;border:1px solid var(--line);background:#fff;box-shadow:0 8px 24px rgba(11,45,91,.08)}.mail-language button{border:0;background:#fff;color:var(--slate);font:700 .65rem Montserrat,sans-serif;letter-spacing:.08em;padding:.48rem .58rem;cursor:pointer}.mail-language button[aria-pressed=true]{background:var(--navy);color:#fff}.mail-kicker{margin:0;font:700 .67rem Montserrat,sans-serif;letter-spacing:.17em;color:var(--slate)}button,input,textarea{font:inherit}button{cursor:pointer}.mail-login{width:min(100% - 2rem,29rem);margin:0 auto;padding:clamp(4.5rem,14vh,9rem) 0 4rem;text-align:center}.mail-mark{width:76px;height:76px;object-fit:contain}.mail-login .mail-kicker{margin:1.25rem 0 .6rem}.mail-login h1{max-width:430px;margin:0 auto;font:800 clamp(2rem,5vw,3rem)/1.05 Montserrat,sans-serif;letter-spacing:-.055em}.mail-login>p:not(.mail-kicker){max-width:370px;margin:1.25rem auto 0;color:var(--slate);line-height:1.65}.mail-form{display:grid;gap:.6rem;margin-top:1.8rem;text-align:left}.mail-form label,.composer-fields label{display:grid;gap:.45rem;color:var(--navy);font:700 .72rem Montserrat,sans-serif;letter-spacing:.07em}.mail-form input,.composer-fields input,.html-editor{width:100%;border:1px solid #B9C8D8;border-radius:4px;background:#fff;color:var(--ink);padding:.86rem .9rem}.mail-form input:focus,.composer-fields input:focus,.html-editor:focus,.rich-editor:focus{border-color:var(--teal);outline:3px solid #bdf5ed}.mail-form button,.send-button,.compose-button{border:0;background:var(--teal);color:#06234a;font:800 .71rem Montserrat,sans-serif;letter-spacing:.09em}.mail-form button{min-height:50px;margin-top:.25rem}.mail-status{min-height:1.35rem;margin:1rem 0 0;color:var(--slate);font-size:.86rem;line-height:1.45}

.mail-app{display:grid;grid-template-columns:224px minmax(275px,365px) minmax(0,1fr);min-height:100dvh}.mail-sidebar{display:flex;flex-direction:column;gap:1.15rem;padding:1.5rem 1rem;background:var(--navy);color:#fff}.mail-brand{display:flex;align-items:center;gap:.6rem;margin:.2rem .35rem 1rem;font:800 .95rem/1 Montserrat,sans-serif;letter-spacing:.04em}.mail-brand img{width:35px;height:35px;object-fit:contain;filter:brightness(0) invert(1)}.mail-brand small{font-size:.55rem;letter-spacing:.22em}.compose-button{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:45px;border-radius:4px}.compose-button>span:first-child{font-size:1.1rem;line-height:1}.mail-nav{display:grid;gap:.2rem}.mail-nav-button{display:flex;align-items:center;gap:.72rem;width:100%;border:0;background:transparent;color:#d6e2f1;padding:.72rem .68rem;text-align:left;font:700 .74rem Montserrat,sans-serif;letter-spacing:.035em}.mail-nav-button>span:first-child{width:1rem;color:var(--teal);font-size:1rem;text-align:center}.mail-nav-button:hover,.mail-nav-button.is-active{background:#154477;color:#fff}.mail-nav-button.is-active{box-shadow:inset 3px 0 var(--lime)}.mail-nav-bottom{margin-top:auto}.mail-list-panel{min-width:0;border-right:1px solid var(--line);background:#fff}.mail-list-header{display:flex;align-items:center;justify-content:space-between;min-height:104px;padding:1.65rem 1.45rem 1.2rem;border-bottom:1px solid var(--line)}.mail-list-header h1{margin:.28rem 0 0;font:800 1.65rem/1 Montserrat,sans-serif;letter-spacing:-.055em}.icon-button{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--navy);font:700 1.25rem/1 Inter,sans-serif}.mobile-only{display:none}.mail-list-summary{display:flex;align-items:center;gap:.55rem;padding:.8rem 1.45rem;border-bottom:1px solid var(--line);color:var(--slate);font-size:.75rem}.mail-list-dot{width:3px;height:3px;background:var(--slate);border-radius:50%}.message-list{display:grid}.message-row{position:relative;display:grid;gap:.35rem;width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:1.1rem 1.45rem;text-align:left;color:var(--navy)}.message-row::before{position:absolute;inset:0 auto 0 0;width:3px;background:transparent;content:""}.message-row:hover,.message-row[aria-current=true]{background:var(--soft-teal)}.message-row[aria-current=true]::before{background:var(--teal)}.message-row-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.message-row strong{min-width:0;overflow:hidden;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.message-row time{flex:none;color:var(--slate);font-size:.72rem}.message-row-subject{overflow:hidden;font-size:.81rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.message-row-preview{overflow:hidden;color:var(--slate);font-size:.78rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.mail-message-panel{min-width:0;padding:clamp(1.25rem,3.5vw,3.25rem);background:#fff}.mail-empty{width:min(100%,29rem);margin:19vh auto;text-align:center;color:var(--slate)}.mail-empty img{width:68px;height:68px;object-fit:contain;opacity:.65}.mail-empty h2{margin:1.25rem 0 .6rem;color:var(--navy);font:800 1.4rem/1.18 Montserrat,sans-serif;letter-spacing:-.045em}.mail-empty p{line-height:1.55}.conversation{max-width:860px;margin:0 auto}.conversation-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.35rem}.back-to-list{display:none;border:0;background:none;color:#08766b;padding:0;font:800 .72rem Montserrat,sans-serif;letter-spacing:.06em}.conversation-title{margin:0;font:800 clamp(1.55rem,3vw,2.35rem)/1.08 Montserrat,sans-serif;letter-spacing:-.055em}.conversation-folder{margin-top:.7rem;color:var(--slate);font-size:.78rem}.email-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:clamp(1.15rem,2.5vw,1.7rem);box-shadow:0 8px 24px rgba(11,45,91,.04)}.email-card-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding-bottom:1.15rem;border-bottom:1px solid var(--line)}.email-sender{font-size:.9rem}.email-sender strong{display:block}.email-sender span,.email-recipient,.email-date{display:block;margin-top:.28rem;color:var(--slate);font-size:.77rem;line-height:1.4}.email-date{text-align:right}.email-body{margin:1.35rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#294564;font:400 .93rem/1.72 Inter,Arial,sans-serif}.thread-history{margin-top:1rem;border-left:3px solid var(--lime);background:var(--soft);padding:.9rem 1rem}.thread-history summary{color:var(--navy);font:700 .74rem Montserrat,sans-serif;cursor:pointer}.thread-history pre{margin:.7rem 0 0;max-height:170px;overflow:auto;white-space:pre-wrap;color:var(--slate);font:400 .78rem/1.55 Inter,sans-serif}.conversation-actions{display:flex;justify-content:flex-end;margin-top:1rem}.reply-button{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--teal);background:#fff;color:#08766b;padding:.72rem .95rem;font:800 .72rem Montserrat,sans-serif;letter-spacing:.055em}.rich-composer{margin-top:1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}.composer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.2rem 1.25rem;border-bottom:1px solid var(--line)}.composer-heading .mail-kicker{margin-bottom:.35rem}.composer-title{margin:0;font:800 1.18rem/1.1 Montserrat,sans-serif;letter-spacing:-.04em}.composer-close{border:0;font-size:1.55rem}.composer-fields{display:grid;gap:.8rem;padding:1.15rem 1.25rem 1rem}.composer-fields label{grid-template-columns:65px minmax(0,1fr);align-items:center;gap:.7rem}.composer-fields input{border-width:0 0 1px;border-radius:0;padding:.55rem 0}.editor-shell{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.editor-toolbar{display:flex;align-items:center;gap:.15rem;min-height:45px;padding:.35rem .75rem;overflow-x:auto;border-bottom:1px solid var(--line);background:#fff}.editor-toolbar button{display:grid;place-items:center;min-width:32px;height:30px;border:0;border-radius:3px;background:#fff;color:var(--navy);font:700 .8rem Inter,sans-serif}.editor-toolbar button:hover,.editor-toolbar button[aria-pressed=true]{background:var(--soft-teal);color:#08766b}.editor-toolbar .preview-toggle{width:auto;padding:0 .55rem;font:700 .63rem Montserrat,sans-serif;letter-spacing:.05em}.toolbar-rule{width:1px;height:21px;margin:0 .3rem;background:var(--line)}.rich-editor,.html-editor,.composer-preview{min-height:190px;padding:1.15rem 1.25rem;color:var(--ink);font:400 .9rem/1.65 Inter,sans-serif}.rich-editor:empty::before{color:var(--slate);content:attr(data-placeholder);pointer-events:none}.rich-editor p{margin:.2rem 0 .75rem}.rich-editor blockquote,.composer-preview blockquote{margin:.75rem 0;padding:.25rem 0 .25rem 1rem;border-left:3px solid var(--lime);color:var(--slate)}.rich-editor a,.composer-preview a{color:#08766b}.html-editor{display:block;resize:vertical;border:0;border-radius:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;line-height:1.55}.composer-preview{background:var(--soft);overflow-wrap:anywhere}.composer-thread{margin:0;padding:1rem 1.25rem;background:var(--soft)}.composer-thread p{margin:0 0 .5rem;color:var(--slate);font:700 .67rem Montserrat,sans-serif;letter-spacing:.09em;text-transform:uppercase}.composer-thread blockquote{max-height:120px;margin:0;overflow:auto;white-space:pre-wrap;color:var(--slate);font-size:.8rem;line-height:1.55}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem}.composer-footer>div{display:flex;gap:.65rem}.composer-status{margin:0;color:var(--slate);font-size:.78rem}.text-button{border:0;background:transparent;color:#08766b;padding:.7rem .65rem;font:800 .7rem Montserrat,sans-serif;letter-spacing:.06em}.send-button{display:inline-flex;align-items:center;gap:.65rem;padding:.78rem 1rem;border-radius:4px}.compose-page-title{margin-bottom:1.1rem}.compose-page-title h1{margin:0;font:800 clamp(1.6rem,3vw,2.2rem)/1.05 Montserrat,sans-serif;letter-spacing:-.055em}.compose-page-title p{margin:.65rem 0 0;color:var(--slate);font-size:.88rem}

@media(max-width:980px){.mail-app{grid-template-columns:190px minmax(250px,325px) minmax(0,1fr)}.mail-sidebar{padding:.95rem .75rem}.mail-brand{margin-bottom:.5rem}.mail-message-panel{padding:1.4rem}.mail-language{right:.75rem;top:.75rem}}
@media(max-width:760px){.mail-language{top:.55rem;right:.55rem}.mail-authenticated .mail-language{display:none}.mail-app{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.mail-sidebar{position:sticky;top:0;z-index:5;display:flex;flex-direction:row;align-items:center;gap:.25rem;min-height:64px;padding:.55rem .7rem}.mail-brand{margin:0 auto 0 0}.mail-brand span{font-size:.74rem}.mail-brand img{width:28px;height:28px}.compose-button{width:38px;min-height:36px;padding:0}.compose-button>span:last-child,.mail-nav-button>span:last-child,.mail-nav-bottom,#refresh-button{display:none}.mail-nav{display:flex;gap:.1rem}.mail-nav-button{display:grid;place-items:center;width:35px;padding:.55rem .2rem}.mail-nav-button>span:first-child{width:auto}.mail-list-panel{border-right:0}.mail-list-header{min-height:86px;padding:1.15rem 1.15rem .85rem}.mail-list-header h1{font-size:1.4rem}.mobile-only{display:grid}.mail-list-summary{padding:.7rem 1.15rem}.message-row{padding:1rem 1.15rem}.mail-message-panel{min-height:calc(100dvh - 64px);padding:1.15rem}.mail-empty{margin:15vh auto}.conversation-topbar{align-items:flex-start}.back-to-list{display:block;margin-bottom:.75rem}.conversation-title{font-size:1.72rem}.email-card{padding:1.05rem}.email-card-header{grid-template-columns:1fr}.email-date{text-align:left}.email-body{font-size:.9rem}.rich-composer{margin-left:-.3rem;margin-right:-.3rem;border-radius:5px}.composer-heading,.composer-fields,.composer-footer{padding-left:1rem;padding-right:1rem}.composer-fields label{grid-template-columns:1fr;gap:.35rem}.rich-editor,.html-editor,.composer-preview{min-height:160px;padding:1rem}.composer-footer{align-items:flex-start;flex-direction:column}.composer-footer>div{width:100%;justify-content:flex-end}.send-button{flex:1;justify-content:center}.message-open .mail-list-panel{display:none}.message-open .mail-message-panel{display:block}.message-open .mail-sidebar{display:flex}}
@media(max-width:400px){.mail-language button span{display:none}.mail-language button{padding:.45rem}.mail-login{width:min(100% - 2.5rem,29rem);padding-top:5.25rem}.mail-login h1{font-size:2rem}.editor-toolbar{padding:.35rem .45rem}.toolbar-rule{margin:0 .15rem}.editor-toolbar .preview-toggle{padding:0 .35rem}.composer-footer>div{gap:.2rem}.text-button{padding:.7rem .35rem}}
@media(prefers-reduced-motion:no-preference){.message-row,.mail-nav-button,.editor-toolbar button{transition:background-color .16s ease,color .16s ease}.rich-composer{animation:composer-in .2s ease-out}}@keyframes composer-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.mail-list-status{padding:1.25rem 1.45rem}