@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,SF Pro Display,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#111827;background:#fff}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid #0F9B5D;outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d8dc;border-radius:3px}.boot-screen{height:100%;display:flex;align-items:center;justify-content:center;gap:15px;background:#f8fcfa;font-size:24px}.boot-screen span,.login-brand span,.brand-design span{color:#0f9b5d}.login-page{min-height:100%;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#f7fcf9,#fff 56%,#f1fbf6);padding:24px}.login-glow{position:absolute;border-radius:999px;filter:blur(6px);opacity:.45}.login-glow-a{width:420px;height:420px;background:#d7f6e5;top:-180px;right:-80px}.login-glow-b{width:360px;height:360px;background:#e6f8ef;bottom:-180px;left:-120px}.login-card{width:min(460px,100%);background:#fffffff0;border:1px solid #e1e9e5;border-radius:22px;box-shadow:0 26px 80px #1f4b321f;padding:36px;position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:14px}.login-brand>div{display:flex;flex-direction:column}.login-brand strong{font-size:29px;line-height:1.05;letter-spacing:-.7px}.login-brand small{font-size:14px;margin-top:3px}.login-copy{margin:34px 0 24px}.login-copy h1{font-size:30px;margin:0 0 8px;letter-spacing:-.5px}.login-copy p{margin:0;color:#697586;line-height:1.5}.login-field{display:grid;gap:7px;margin:15px 0}.login-field>span,.settings-modal label{font-size:13px;font-weight:600;color:#4c5967}.login-field>div{height:50px;border:1px solid #dce4e8;border-radius:11px;background:#f9fbfb;display:flex;align-items:center;padding:0 13px;gap:9px}.login-field input{border:0;outline:0;background:transparent;flex:1;min-width:0}.login-field button{border:0;background:transparent;color:#6b7581;display:grid;place-items:center;padding:5px}.login-submit{width:100%;height:50px;border:0;border-radius:11px;background:#0f9b5d;color:#fff;font-weight:700;margin-top:12px;box-shadow:0 9px 22px #0f9b5d33}.login-submit:hover{background:#0d8b54}.login-submit:disabled{opacity:.65}.login-error,.compose-error,.error-banner-design{background:#fff1f1;border:1px solid #f1caca;color:#a23838;border-radius:9px;padding:10px 12px;font-size:13px}.login-note{font-size:11.5px;color:#8a95a2;text-align:center;line-height:1.5;margin:18px 12px 0}.mail-grid{display:grid;grid-template-columns:303px 514px minmax(0,1fr);grid-template-rows:88px calc(100vh - 88px);min-height:100vh;width:100%;overflow:hidden}.sidebar-design{grid-column:1;grid-row:1/span 2;background:#f8fcfa;border-right:1px solid #E4EAED;display:flex;flex-direction:column;min-width:0}.brand-design{padding:19px 18px 0 20px;display:flex;align-items:center;gap:12px}.brand-design>div{display:flex;flex-direction:column}.brand-design strong{font-size:28px;line-height:1.1;letter-spacing:-.6px}.brand-design small{font-size:13px;margin-top:1px}.drawer-close{display:none}.compose-design{margin:16px 18px 0;width:267px;height:60px;border-radius:10px;border:0;background:#0f9b5d;color:#fff;display:flex;align-items:center;gap:10px;padding-left:16px;font-size:17px;font-weight:600}.compose-design:hover,.green-btn:hover{background:#0d8a52}.nav-design{margin-top:18px;padding:0 10px;display:grid;gap:2px}.nav-design button,.label-block button,.settings-line{height:50px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;gap:12px;padding:0 10px;color:#111827;text-align:left}.nav-design button:hover,.label-block button:hover,.settings-line:hover{background:#eff5f2}.nav-design button.active{background:#e4f7eb;color:#087647;font-weight:600}.nav-design button span{flex:1;font-size:16.5px}.nav-design button b{min-width:32px;height:28px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#edf1f3;color:#38424e;font-size:13px}.nav-design button.active b{background:#0f9b5d;color:#fff}.label-block{margin:10px 18px 0}.line{height:1px;background:#e3e9e6}.label-block h4{font-size:12px;color:#4b5563;letter-spacing:.9px;margin:12px 2px 6px}.label-block button{width:100%;height:38px;padding:0 8px}.label-block button.active{background:#e4f7eb}.label-block button i{width:13px;height:13px;border-radius:50%;flex:none}.label-block button span{font-size:16px}.sidebar-bottom{margin-top:auto}.sidebar-bottom>.line{margin:0 18px}.settings-line{width:100%;height:55px;padding:0 18px;font-size:16.5px}.account-line{position:relative;display:flex;align-items:center;padding:12px 14px 14px 17px;gap:10px}.account-line>button{flex:1;min-width:0;border:0;background:transparent;display:flex;align-items:center;gap:7px;color:#5e6978}.account-line>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.account-menu{position:absolute;left:16px;right:14px;bottom:66px;background:#fff;border:1px solid #e1e7e4;border-radius:12px;box-shadow:0 14px 36px #0000001f;padding:8px;z-index:20}.account-menu>div{padding:9px 10px 10px;border-bottom:1px solid #eef1ef;display:grid}.account-menu strong{font-size:13px}.account-menu small{font-size:11px;color:#7b8792;margin-top:3px}.account-menu button{width:100%;border:0;background:transparent;padding:9px 8px;display:flex;align-items:center;gap:8px;border-radius:7px;text-align:left}.account-menu button:hover{background:#f4f7f5}.avatar{border-radius:50%;background:#dcf5e5;color:#087647;font-weight:700;display:grid;place-items:center;flex:none;letter-spacing:-.3px}.avatar-muted{background:#eef1f3;color:#5e6978}.topbar-design{grid-column:2/span 2;grid-row:1;height:88px;background:#fff;border-bottom:1px solid #E4E9ED;display:flex;align-items:center;padding:0 20px 0 22px;gap:16px}.search-design{flex:1;height:54px;background:#f6f9fa;border:1px solid #DEE5E8;border-radius:12px;display:flex;align-items:center;padding:0 14px;gap:10px}.search-design input{flex:1;border:0;background:transparent;outline:0;font-size:19px;min-width:0;color:#111827}.top-settings,.mobile-menu{width:44px;height:44px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center}.top-settings:hover,.mobile-menu:hover,.reader-toolbar button:hover{background:#f4f6f7}.mobile-menu{display:none}.inbox-design{grid-column:2;grid-row:2;background:#fff;border-right:1px solid #E4EAED;display:flex;flex-direction:column;overflow:hidden}.inbox-head{padding:22px 20px 0 26px}.inbox-head h1{font-size:30px;line-height:1.15;letter-spacing:-.4px;margin:0}.inbox-head p{font-size:15px;color:#667085;margin:3px 0 0;font-weight:500}.filter-pills{display:flex;gap:8px;padding:16px 26px 0}.filter-pills button{height:38px;padding:0 19px;border-radius:999px;border:0;background:#f4f6f7;color:#4b5563;font-size:14px}.filter-pills button.active{background:#effaf4;color:#087647;font-weight:700}.error-banner-design{margin:10px 14px 0}.message-list-design{flex:1;overflow:auto;padding:10px 0}.mail-row-design{width:calc(100% - 8px);margin:0 4px;height:107px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;padding:0 10px 0 8px;text-align:left;color:inherit}.mail-row-design:hover{background:#fafcfb}.mail-row-design.selected{background:#effaf4}.unread-slot{width:20px;display:flex;justify-content:center;flex:none}.unread-slot i{width:11px;height:11px;border-radius:50%;background:#11a564}.row-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;margin-left:12px}.row-copy strong{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-copy b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-copy span{font-size:14px;color:#687384;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-design:not(.selected) .row-copy strong,.mail-row-design:not(.selected) .row-copy b{font-weight:600}.row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:12px;margin-left:8px;flex:none}.row-meta time{font-size:13.5px;color:#647184}.row-meta button{border:0;background:transparent;padding:0;display:flex}.row-separator{height:1px;background:#f0f4f2;margin:0 14px}.list-empty{padding:45px 20px;text-align:center;color:#8993a1}.reader-design{grid-column:3;grid-row:2;background:#fff;overflow:auto;min-width:0}.reader-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#8993a1}.reader-empty strong{color:#53606d}.reader-toolbar{height:72px;padding:4px 28px 0 31px;display:flex;align-items:center}.reader-toolbar>div{display:flex;align-items:center;gap:6px}.reader-toolbar button{width:40px;height:40px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center}.reader-toolbar svg{width:23px;height:23px;color:#252e37;stroke-width:1.9}.toolbar-right{margin-left:auto!important}.toolbar-right>i{width:1px;height:24px;background:#d8e0e5;margin:0 4px}.reader-back{display:none!important}.reader-body{padding:8px 28px 50px 31px}.subject-line-main{display:flex;align-items:center;gap:14px}.subject-line-main h2{font-size:28px;line-height:1.2;letter-spacing:-.3px;margin:0}.category{display:inline-flex;align-items:center;gap:5px;border-radius:20px;height:28px;padding:0 11px;font-size:13px;font-weight:600;background:#edfaf3;color:#0a7a49}.category i{width:7px;height:7px;background:#0f9b5d;border-radius:50%}.category.livreurs{background:#fef9ec;color:#b45309}.category.livreurs i{background:#f59e0b}.category.partenaires{background:#eaf5fd;color:#1165b0}.category.partenaires i{background:#1597e5}.sender-design{display:flex;align-items:center;gap:14px;margin-top:18px}.sender-design>div:nth-child(2){display:flex;flex-direction:column;flex:1}.sender-design strong{font-size:17px}.sender-design span{font-size:14.5px;color:#677284;margin-top:2px}.sender-design time{font-size:14.5px;color:#697586;white-space:nowrap}.body-separator{height:1px;background:#e6eaed;margin:18px 0 0}.message-body-text{margin-top:24px;font-size:18px;line-height:1.57;white-space:pre-wrap;color:#151b26;max-width:760px}.attachments-design{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.attachments-design>a{min-width:290px;height:62px;border:1px solid #DCE3E7;border-radius:9px;background:#fff;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;padding-right:14px}.attach-icon{width:50px;height:100%;background:#f2f5f7;border-radius:9px 0 0 9px;display:grid;place-items:center}.attachments-design>a>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}.attachments-design strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachments-design small{font-size:12.5px;color:#728091;margin-top:2px}.reply-design{margin-top:28px;width:100%;max-width:730px;border:1px solid #DCE3E8;border-radius:10px;background:#fff;box-shadow:0 1px 4px #0000000a;overflow:hidden}.reply-head{height:52px;display:flex;align-items:center;padding:0 18px;gap:10px;border-bottom:1px solid #EBF0F3}.reply-design textarea{display:block;width:calc(100% - 32px);height:112px;margin:12px 16px 0;border:1px solid #D9E0E5;border-radius:9px;outline:0;padding:16px;resize:none;font-size:15px}.reply-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 14px}.format-tools{display:flex;align-items:center;gap:16px;color:#3d4652}.format-tools svg{width:18px}.green-btn{height:46px;background:#0f9b5d;color:#fff;border:0;border-radius:9px;padding:0 16px;display:flex;align-items:center;gap:8px;font-weight:700}.green-btn:disabled{opacity:.6}.signature{margin-top:28px;font-size:13.5px;color:#6b7280;padding-bottom:32px}.compose-float{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px;pointer-events:none}.compose-window{width:min(560px,calc(100vw - 30px));background:#fff;border-radius:12px;border:1px solid #DCE3E8;box-shadow:0 8px 32px #00000029;overflow:hidden;pointer-events:auto}.compose-head{height:48px;background:#111827;color:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.compose-head button{border:0;background:transparent;color:#fff;display:grid}.compose-error{margin:10px 12px 0}.compose-window label{height:45px;border-bottom:1px solid #E4EAED;padding:0 18px;display:flex;align-items:center;gap:10px}.compose-window label span{width:45px;font-size:14px;color:#5e6978}.compose-window input{flex:1;border:0;outline:0}.compose-window textarea{width:100%;height:220px;border:0;outline:0;resize:none;padding:18px;font-size:15px}.compose-footer{display:flex;justify-content:flex-end;gap:9px;padding:10px 18px 14px}.draft-btn{height:46px;padding:0 16px;border:1px solid #DCE3E8;border-radius:9px;background:#fff;color:#5e6978;font-weight:600}.modal-overlay{position:fixed;inset:0;z-index:120;background:#11182759;display:grid;place-items:center;padding:20px}.settings-modal{width:min(470px,100%);background:#fff;border-radius:16px;border:1px solid #e1e7e4;box-shadow:0 22px 65px #0003;padding:22px}.settings-modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.settings-modal-head h3{font-size:20px;margin:0}.settings-modal-head p{font-size:13px;color:#74808d;margin:5px 0 0}.settings-modal-head button{border:0;background:transparent}.settings-modal label{display:grid;gap:6px;margin:13px 0}.settings-modal input{height:45px;border:1px solid #dce4e8;border-radius:9px;padding:0 12px;outline:0}.drawer-backdrop,.mobile-bottom-nav{display:none}@media(max-width:1100px)and (min-width:768px){.mail-grid{grid-template-columns:260px 410px minmax(0,1fr)}.compose-design{width:224px}.brand-design strong,.subject-line-main h2{font-size:24px}.message-body-text{font-size:16px}}@media(max-width:767px){.mail-grid{display:block;min-height:100dvh;overflow:hidden}.sidebar-design{position:fixed;z-index:60;left:0;top:0;bottom:0;width:303px;transform:translate(-105%);transition:transform .25s ease;box-shadow:10px 0 35px #0000001f}.sidebar-design.drawer-open{transform:translate(0)}.drawer-close{display:grid!important;margin-left:auto;border:0;background:transparent}.drawer-backdrop{display:block;position:fixed;inset:0;background:#0000006b;z-index:50}.topbar-design{position:fixed;top:0;left:0;right:0;height:60px;padding:0 12px;gap:8px;z-index:30}.mobile-menu{display:grid;width:40px;height:40px}.top-settings{display:none}.topbar-design>.avatar{width:36px!important;height:36px!important;font-size:12px!important}.search-design{height:42px;padding:0 11px}.search-design input{font-size:15px}.inbox-design,.reader-design{position:fixed;inset:60px 0 64px;border:0;transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:10}.inbox-design{transform:translate(0)}.inbox-design.mobile-hidden{transform:translate(-100%)}.reader-design{transform:translate(100%)}.reader-design.mobile-visible{transform:translate(0)}.inbox-head{padding:18px 16px 0}.inbox-head h1{font-size:24px}.filter-pills{padding:12px 16px 0}.mail-row-design{height:96px}.reader-toolbar{height:56px;padding:0 10px}.reader-back{display:grid!important}.reader-body{padding:10px 16px 40px}.subject-line-main{align-items:flex-start;flex-direction:column;gap:8px}.subject-line-main h2{font-size:23px}.sender-design{align-items:flex-start}.sender-design time{font-size:12px}.message-body-text{font-size:16px}.reply-footer{gap:10px}.format-tools{gap:8px}.format-tools svg:nth-of-type(n+3),.format-tools u{display:none}.mobile-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid #E4EAED;z-index:40;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav>button{flex:1;border:0;background:transparent;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px}.mobile-bottom-nav>button.active{color:#0f9b5d}.mobile-bottom-nav>button>span{position:relative;display:grid;place-items:center}.mobile-bottom-nav b{position:absolute;right:-11px;top:-6px;min-width:17px;height:17px;border-radius:10px;background:#0f9b5d;color:#fff;font-size:9px;display:grid;place-items:center}.mobile-compose{width:34px;height:34px;border-radius:50%;background:#0f9b5d;color:#fff!important}.compose-float{padding:0;align-items:flex-end}.compose-window{width:100%;border-radius:14px 14px 0 0;max-height:88dvh}.login-card{padding:28px 22px}.login-brand strong{font-size:26px}}