:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24334a;background:#f1f5fa;font-synthesis:none;--blue:#285be6;--blue-dark:#1f4bc2;--blue-soft:#e0eaff;--muted:#8290a4;--border:#e8edf4;--shadow:0 8px 24px #2e477b0c}*{box-sizing:border-box}body{margin:0;font-size:14px;letter-spacing:-.15px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7ca2ff;outline-offset:3px}button,input,textarea,select{border-radius:0}input[type=checkbox]{accent-color:var(--blue);width:15px;height:15px;cursor:pointer}button{border:0;background:none}button .icon{flex-shrink:0}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.icon.small{width:16px;height:16px}.icon.reverse{transform:rotate(180deg)}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-60px;left:15px;z-index:100;background:white;padding:12px;border-radius:10px}.skip-link:focus{top:15px}.topbar{display:flex;align-items:center;gap:28px;height:88px;padding:0 30px 0 24px}.brand-area{width:230px;flex-shrink:0;display:flex;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:650;letter-spacing:-.6px;white-space:nowrap}.brand-sub{font-weight:400;color:#667890;margin-left:3px}.menu-toggle{display:none!important}.search{display:flex;align-items:center;gap:14px;background:#e7edf5;border:1px solid transparent;border-radius:13px;max-width:720px;flex:1;height:48px;padding:0 18px;color:#7a889e}.search:focus-within{background:white;border-color:#c7d6f6;box-shadow:var(--shadow)}.search input{min-width:0;width:100%;border:0;background:transparent;outline:none;color:#293a55;font-size:14px}.search input:focus-visible{outline:0}.search input::placeholder{color:#8290a3}.search kbd{font-size:12px;font-family:inherit;border:1px solid #ccd5e1;padding:1px 6px;border-radius:4px;color:#98a3b3}.search .icon-button{width:26px;height:26px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex:1;max-width:260px;margin-left:auto}.icon-button{display:inline-flex;width:34px;height:34px;padding:7px;align-items:center;justify-content:center;border-radius:8px;color:#79879a;background:transparent;transition:background .15s,color .15s}.icon-button:hover:not(:disabled){background:#eaf0f8;color:#345986}.mode-pill{font-size:11px;font-weight:600;color:#526983;border:1px solid #d5deeb;border-radius:20px;padding:7px 11px;white-space:nowrap}.mode-pill.active{background:#fff5d8;border-color:#efdb9c;color:#8a691e}.avatar{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:#e3edff;color:#3561ad;font-size:12px;font-weight:650;flex-shrink:0}.account-avatar{background:#dce6f8;color:#3764a3;border:3px solid #fff;width:39px;height:39px;font-size:13px}.app-layout{display:flex;min-height:calc(100vh - 88px)}.sidebar{width:256px;padding:14px 16px 28px;flex-shrink:0;display:flex;flex-direction:column}.compose-button{display:flex;align-items:center;gap:15px;padding:19px 20px;width:213px;background:#dce8ff;color:#2853a5;border-radius:16px;font-size:13px;font-weight:650;box-shadow:0 2px 3px #426da005;margin-bottom:30px;margin-left:5px;transition:background .15s,box-shadow .15s}.compose-button:hover{background:#cfdefe;box-shadow:0 5px 12px #5470a515}.compose-button .icon{width:21px;height:21px}.folder-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:15px;min-height:43px;padding:10px 18px;color:#6b7b91;font-size:12px;font-weight:500;border-radius:0 22px 22px 0;margin-left:-16px;padding-left:34px;margin-right:0;white-space:nowrap}.nav-item>.icon{width:19px;height:19px}.nav-item:hover{background:#e7edf5}.nav-item.active{color:#2859bc;background:#dde8fb;font-weight:650}.nav-count{font-size:11px;margin-left:auto;color:#3e66ab}.nav-item .small{margin-left:auto;width:13px;height:13px;opacity:.7}.sidebar-divider{height:1px;background:#e2e9f2;margin:27px 14px 24px}.sidebar-label{font-size:9px;letter-spacing:1.6px;color:#99a5b5;font-weight:650;margin:0 18px 12px}.sidebar-bottom{margin-top:auto;padding:60px 18px 0}.connection-indicator{display:flex;align-items:center;gap:8px;font-size:10px;color:#6b7c92;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:#a5b2c2;display:inline-block;flex-shrink:0}.status-dot.online{background:#3aaf89}.status-dot.demo{background:#d9a43a}.sidebar-bottom p{font-size:10px;line-height:1.8;color:#9ba8b8;margin:11px 0 24px}.sidebar-signature{font-size:13px;font-weight:750;letter-spacing:1px;color:#8896a9}main{padding:18px 30px 26px 22px;flex:1;min-width:0;max-width:1700px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:1px 0 30px}.eyebrow{color:#8a9bb3;font-size:9px;font-weight:650;letter-spacing:1.7px;margin:0 0 12px}h1{font-size:27px;letter-spacing:-1.15px;margin:0;font-weight:650;color:#26374f;line-height:1.2}.heading-dot{color:var(--blue)}.page-description{font-size:11px;color:#92a0b3;margin:10px 0 0;line-height:1.6}.connection-badge{display:flex;align-items:center;gap:7px;font-size:10px;color:#8390a2;padding:7px 10px;background:#e8eef5;border:1px solid #dfe6ef;border-radius:6px;white-space:nowrap;margin-top:14px}.inbox-sheet{background:#fff;border:1px solid #e8edf5;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);min-height:calc(100vh - 244px);display:flex;flex-direction:column}.mail-toolbar{display:flex;align-items:center;justify-content:space-between;height:57px;padding:0 19px;border-bottom:1px solid #f0f3f8}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:11px}.select-all-wrap{display:flex;align-items:center;justify-content:center;width:23px}.select-all-wrap input{margin:0}.toolbar-divider{height:17px;width:1px;background:#e8edf4;margin:0 4px}.toolbar-label{font-size:10px;color:#92a0b1}.toolbar-right{gap:3px}.toolbar-right>.toolbar-label{margin-right:14px}.toolbar-right .icon-button{width:27px;height:27px}.toolbar-right .icon{width:15px;height:15px}.selection-actions{display:flex;gap:3px}.inbox-tab{height:63px;display:flex;align-items:center;gap:10px;width:250px;padding:0 25px;color:var(--blue);font-size:11px;font-weight:600;position:relative;flex-shrink:0}.inbox-tab:after{content:"";position:absolute;bottom:0;left:20px;right:0;height:3px;border-radius:3px 3px 0 0;background:var(--blue)}.inbox-tab .icon{height:17px;width:17px}.tab-subtitle{display:none}.tab-count{font-size:9px;border-radius:4px;background:#e9efff;padding:3px 5px}.message-list{flex:1}.message-row{display:flex;gap:13px;align-items:center;min-height:62px;border-top:1px solid #edf1f6;padding:0 23px;position:relative;background:#fff;transition:background .12s}.message-row.unread{background:#f8faff}.message-row:hover{background:#f0f5fc;box-shadow:inset 0 1px #dfe8f4,inset 0 -1px #dfe8f4}.message-row.selected{background:#edf3ff}.message-row>.row-checkbox{width:16px;margin:0;flex-shrink:0}.star-button{width:21px;height:28px;padding:2px;color:#c0cad8;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.star-button .icon{height:17px;width:17px}.star-button.starred{color:#e8b448}.star-button.starred .icon{fill:#e8b448}.message-open{padding:0;display:flex;align-items:center;gap:15px;min-width:0;flex:1;text-align:left;height:62px}.message-open .avatar{width:32px;height:32px;font-size:10px;letter-spacing:.3px}.avatar.lavender{background:#eee9fe;color:#8e76bf}.avatar.mint{background:#e2f3ed;color:#5f9c86}.avatar.peach{background:#fbeadd;color:#b68c66}.avatar.rose{background:#f9e5eb;color:#bd7c91}.message-sender{width:142px;flex-shrink:0;font-size:11px;color:#60718a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.unread .message-sender,.unread .message-subject{font-weight:650;color:#2c405e}.message-summary{display:flex;align-items:center;gap:7px;min-width:0;flex:1;font-size:11px;white-space:nowrap;overflow:hidden}.message-subject{color:#556982;flex-shrink:0;max-width:55%;overflow:hidden;text-overflow:ellipsis}.message-snippet{color:#a2aebd;overflow:hidden;text-overflow:ellipsis}.message-tag{font-size:8px;border-radius:4px;background:#edf1f8;color:#7a8ea8;padding:4px 6px;white-space:nowrap;font-weight:500}.message-tag.blue{background:#e6edff;color:#5b7cb8}.message-date{font-size:9px;color:#92a1b6;width:54px;text-align:right;flex-shrink:0}.unread .message-date{font-weight:650;color:#446287}.row-attachment{width:14px;height:14px;color:#a4b0c0}.inbox-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;color:#acb7c6;font-size:9px;gap:15px;min-height:58px}.inbox-footer>span:first-child{display:flex;align-items:center;gap:7px}.inbox-footer .icon{color:#9dafc3}.preview-banner{display:flex;gap:13px;align-items:center;background:#fff6dc;border:1px solid #f0e4bd;border-radius:10px;padding:11px 15px;margin:-2px 0 20px;color:#947229;font-size:10px}.preview-banner strong{font-size:10px;font-weight:650;margin-right:13px}.preview-banner>div{flex:1}.preview-banner>div>span{color:#a58e55}.preview-banner .text-button{color:#947229;font-size:10px}.preview-spark{font-size:18px}.text-button{color:var(--blue);padding:5px 0;font-size:12px;font-weight:550}.text-button:hover{text-decoration:underline}.empty-state{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 30px}.empty-art{width:94px;height:94px;position:relative;border-radius:30px;background:#f0f5ff;display:grid;place-items:center;margin-bottom:24px;transform:rotate(-6deg)}.empty-art>.icon{width:40px;height:40px;color:#7296e5;stroke-width:1.3;transform:rotate(6deg)}.empty-art:before,.empty-art:after{content:"";position:absolute;width:9px;height:9px;background:#cedfff;border:4px solid #fff;border-radius:50%;box-sizing:content-box;right:-10px;top:16px}.empty-art:after{width:5px;height:5px;left:-13px;top:auto;bottom:16px;background:#dee8fb}.empty-state h2{font-size:21px;font-weight:600;letter-spacing:-.6px;color:#3a4e69;margin:0 0 13px}.empty-state p{max-width:350px;font-size:12px;line-height:1.9;color:#8a9ab0;margin:0 0 23px}.button{border:1px solid transparent;border-radius:8px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:600;min-height:39px;line-height:1.3;white-space:nowrap}.button .icon{width:16px;height:16px}.button.primary{background:var(--blue);color:white;box-shadow:0 3px 5px #285be614}.button.primary:hover:not(:disabled){background:var(--blue-dark)}.button.secondary{background:#fff;border-color:#dce4f0;color:#61758f}.button.secondary:hover:not(:disabled){background:#f3f6fb}.button.ghost{color:#59759c;background:#edf3fc}.button.danger{color:#ba5d6a;background:#fff3f4}.empty-actions{display:flex;align-items:center;gap:13px}.empty-footnote{margin:20px 0 0!important;font-size:9px!important;color:#b0bccb!important}.mini-label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#9aabc1;display:block;margin-bottom:12px}.message-detail{min-height:460px;padding:0 28px 28px}.detail-toolbar{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border);height:59px;margin:0 -28px;padding:0 19px}.detail-toolbar .detail-folder{margin-left:auto;font-size:10px;color:#96a4b7}.detail-subject{font-size:23px;font-weight:550;margin:30px 0;letter-spacing:-.65px;color:#304460}.detail-sender-row{display:flex;align-items:flex-start;gap:13px}.detail-sender-row .avatar{width:39px;height:39px}.detail-sender-info{flex:1;min-width:0}.detail-sender-info strong{font-size:12px;font-weight:600}.detail-email{font-size:10px;font-weight:400;color:#95a5b8;margin-left:8px;overflow-wrap:anywhere}.detail-recipients{font-size:10px;color:#96a5b8;margin-top:7px;line-height:1.8}.detail-date{font-size:10px;color:#97a5b8;margin-top:3px}.detail-body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.9;color:#596d86;margin:34px 0 33px 52px;min-height:150px}.detail-attachments{margin-left:52px;display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.attachment-chip{display:flex;align-items:center;gap:8px;font-size:10px;background:#f3f6fb;border:1px solid #e6ecf5;padding:9px 12px;border-radius:6px;color:#7a8ca5}.detail-actions{margin-left:52px;display:flex;gap:10px}.compose-window{position:fixed;bottom:0;right:42px;width:520px;max-width:calc(100vw - 24px);border-radius:13px 13px 0 0;background:white;box-shadow:0 3px 38px #1e335933;border:1px solid #dbe3ef;z-index:35;overflow:hidden}.compose-header{height:48px;background:#edf3fc;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.compose-header h2{font-size:12px;font-weight:600;margin:0}.compose-header>div{display:flex;gap:2px}.compose-header .icon-button{width:28px;height:28px}.compose-header .icon{height:15px;width:15px}.compose-notice{background:#fff7e1;color:#a58a4e;padding:9px 18px;font-size:9px;line-height:1.5}.compose-address{display:flex;align-items:center;min-height:41px;margin:0 18px;border-bottom:1px solid #eaf0f6;gap:12px}.compose-address label{font-size:11px;color:#95a3b7;width:28px;flex-shrink:0}.compose-address input{border:0;outline:0;font-size:12px;min-width:0;flex:1;color:#536984;padding:10px 0}.compose-address input:focus-visible{outline:none}.compose-address .text-button{font-size:10px;white-space:nowrap;color:#8a9bb2}.compose-content textarea{resize:vertical;width:100%;min-height:220px;max-height:45vh;border:0;outline:0;padding:21px 18px;font-size:12px;line-height:1.9;color:#526981}.compose-content textarea::placeholder{color:#aab6c5}.compose-content textarea:focus-visible{outline:none}.compose-footer{display:flex;align-items:center;gap:8px;padding:14px 18px 17px}.compose-footer .button{padding:11px 18px;border-radius:7px}.compose-footer .button .icon{width:14px;height:14px}.attachment-button{position:relative;overflow:hidden;cursor:pointer}.attachment-button input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.attachment-limit{font-size:9px;color:#9aa9bd}.compose-discard{margin-left:auto}.attachments{padding:0 18px;display:flex;gap:7px;flex-wrap:wrap}.attachments .attachment-chip{padding:3px 8px}.attachments .icon-button{height:24px;width:24px}.attachments .attachment-chip>span{max-width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.form-error{font-size:11px;color:#b55768;line-height:1.6;background:#fff2f3;padding:11px 13px;border-radius:6px;margin:14px 0 0}.compose-content>.form-error{margin:0 18px}.app-dialog{padding:34px;border:1px solid #e1e7f2;border-radius:18px;box-shadow:0 20px 100px #182c4b26;max-width:calc(100vw - 32px);width:430px;color:#334965;overflow:visible}.app-dialog::backdrop{background:#283f6138;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:13px;top:13px}.dialog-icon{display:grid;place-items:center;width:45px;height:45px;background:#edf3ff;color:#4c76c6;border-radius:12px;margin-bottom:23px}.dialog-icon .icon{height:22px;width:22px}.app-dialog h2{font-size:22px;letter-spacing:-.6px;font-weight:600;margin:0 0 12px}.dialog-description{font-size:11px;color:#8b9bb0;line-height:1.9;margin:0 0 23px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;font-size:11px}.form-field>span,.form-field>label{font-weight:550;color:#73869e}.form-field input,.form-field select{border:1px solid #dce4f0;border-radius:7px;padding:11px 12px;width:100%;color:#536c8b;background:white;min-height:39px;outline:none;font-size:12px}.form-field input:focus,.form-field select:focus{border-color:#8ba9e6;box-shadow:0 0 0 3px #edf3ff}.form-field small{font-size:9px;color:#9baabe;line-height:1.6}.form-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:24px}.form-actions .button.primary:only-child{width:100%}.dialog-security{font-size:9px;color:#a3b0c1;margin-top:17px;display:flex;align-items:center;gap:6px;justify-content:center;line-height:1.7}.dialog-security .icon{width:13px;height:13px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;background:#2d425d;color:#fff;border-radius:10px;box-shadow:0 7px 25px #263c5429;display:flex;align-items:center;gap:12px;padding:13px 15px;font-size:11px;max-width:calc(100vw - 24px);width:max-content}.toast>.icon{width:17px;height:17px;color:#a6d6c5}.toast .text-button{color:#b7d0ff;font-size:11px;white-space:nowrap}.toast .icon-button{color:#b4c4da;height:24px;width:24px}.toast .icon-button .icon{height:15px;width:15px}.admin-panel .page-heading{margin-bottom:26px}.admin-panel h1{font-size:26px}.admin-tabs{display:flex;gap:29px;border-bottom:1px solid #dde5f0;margin-bottom:25px}.admin-tabs button{padding:0 0 16px;font-size:11px;color:#8a9ab0;font-weight:550;position:relative}.admin-tabs button[aria-selected=true]{color:#2c61ca}.admin-tabs button[aria-selected=true]:after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:2px;background:var(--blue)}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:23px}.stat-card{background:white;border:1px solid #e6edf6;border-radius:12px;padding:22px;box-shadow:var(--shadow)}.stat-heading{display:flex;align-items:center;gap:9px;font-size:10px;color:#8e9fb5}.stat-heading .icon{height:17px;width:17px;color:#7e9bc4}.stat-number{display:block;font-size:25px;font-weight:600;letter-spacing:-.7px;margin-top:13px;color:#3b5474}.stat-number small{font-size:12px;color:#a1afc0;font-weight:400;margin-left:6px}.admin-sheet{border:1px solid #e4ebf5;border-radius:12px;box-shadow:var(--shadow);background:white;overflow:hidden}.admin-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 24px;border-bottom:1px solid #edf1f7}.admin-sheet-header h2{font-size:14px;font-weight:600;margin:0}.admin-sheet-header p{font-size:10px;color:#9baabd;margin:7px 0 0;line-height:1.7}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:550;color:#9caabd;background:#fafbfd;padding:14px 24px}.admin-table td{padding:20px 24px;border-top:1px solid #edf2f8;font-size:11px;color:#7790ad}.admin-table td:first-child{font-weight:550;color:#516b8b}.admin-table .icon-button{height:28px;width:28px}.mailbox-address{display:flex;align-items:center;gap:11px}.mailbox-address>.avatar{height:32px;width:32px;font-size:10px}.quota-cell{min-width:150px}.quota-copy{display:block;font-size:9px;color:#8ca0b8;margin-bottom:7px}.quota-bar{height:4px;width:120px;background:#edf2f9;border-radius:5px;overflow:hidden}.quota-bar>span{height:100%;display:block;background:#95b2eb;border-radius:5px}.badge{background:#eaf7f0;color:#73a68e;padding:5px 8px;border-radius:5px;display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:550;white-space:nowrap}.badge .status-dot{height:4px;width:4px;background:#7cb99d}.admin-note{display:flex;align-items:flex-start;gap:9px;color:#98a8bc;font-size:10px;line-height:1.8;margin-top:17px}.admin-note .icon{height:15px;width:15px;margin-top:2px}.admin-empty .empty-state{min-height:370px}.forward-arrow{color:#a5b5c9}.spam-body{padding:28px;max-width:720px}.setting-row{display:flex;gap:24px;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #edf1f7;margin-bottom:25px}.setting-row h3{font-size:13px;font-weight:550;margin:0 0 7px}.setting-row p{font-size:10px;color:#97a7bb;line-height:1.8;margin:0}.switch{position:relative;flex-shrink:0;width:36px;height:21px}.switch input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0}.switch span{display:block;width:36px;height:21px;background:#ced8e6;border-radius:20px;pointer-events:none}.switch span:after{content:"";position:absolute;height:15px;width:15px;background:white;border-radius:50%;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #3332}.switch input:checked+span{background:var(--blue)}.switch input:checked+span:after{transform:translateX(15px)}.switch input:focus-visible+span{outline:3px solid #7ca2ff;outline-offset:3px}.spam-body .form-field{max-width:340px}.spam-body .form-actions{justify-content:flex-start}.loading-state{padding:100px 20px;text-align:center;color:#9aaabe;font-size:12px}.loading-spinner{display:block;width:24px;height:24px;border:2px solid #e4ebf7;border-top-color:#6e95e2;border-radius:50%;margin:0 auto 18px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.help-list{font-size:11px;color:#8194ad;line-height:1.9;padding-left:18px}.help-list li{margin-bottom:9px}.noscript{padding:20px;background:#fff3db;position:fixed;top:0;left:0;right:0;text-align:center}.sidebar-scrim{display:none}[hidden]{display:none!important}
@media(min-width:1450px){.message-sender{width:175px}.message-row{min-height:66px}.message-open{height:66px}.message-sender,.message-summary{font-size:12px}.message-date{font-size:10px}.inbox-tab{height:70px}.empty-state{min-height:470px}.topbar{gap:36px}.brand-area{width:238px}.sidebar{width:264px}main{padding-left:26px}.tab-subtitle{display:inline-block;position:absolute;left:52px;top:47px;font-size:8px;color:#9db1d0;font-weight:400}.inbox-tab{align-items:flex-start;padding-top:20px}.tab-count{margin-top:-1px}}
@media(max-width:1180px){.topbar{gap:20px;padding-right:22px}.brand-area{width:212px}.brand{font-size:16px}.brand-sub{display:none}.sidebar{width:235px}.compose-button{width:197px;padding:18px 16px;font-size:12px}.nav-item{font-size:11px;padding-left:30px;gap:13px}main{padding-left:14px;padding-right:22px}.topbar-actions{max-width:222px;gap:10px}.help-button{display:none}.message-open{gap:11px}.message-sender{width:112px}.message-row{gap:10px;padding:0 18px}.message-open .avatar{display:none}.message-tag{display:none}.message-subject{max-width:65%}.message-summary{gap:5px}.admin-table th,.admin-table td{padding-left:18px;padding-right:18px}}
@media(max-width:900px){.topbar{padding:0 18px;height:76px;gap:17px}.brand-area{width:auto;gap:9px}.brand{font-size:16px}.menu-toggle{display:inline-flex!important}.brand-sub{display:none}.search{height:43px;padding:0 13px;gap:10px}.search kbd{display:none}.topbar-actions{flex:0}.mode-pill{font-size:9px;padding:6px 9px}.sidebar{position:fixed;top:76px;bottom:0;left:-270px;background:#f1f5fa;z-index:50;transition:left .2s;width:250px;padding-top:20px}.sidebar.open{left:0}.sidebar-scrim:not([hidden]){display:block;position:fixed;inset:76px 0 0;background:#263e6026;z-index:45}.app-layout{min-height:calc(100vh - 76px)}main{padding:20px 24px 26px;max-width:100%}.inbox-sheet{min-height:calc(100vh - 230px)}.page-heading{margin-bottom:25px}.page-description{font-size:10px}.message-sender{width:120px}.message-summary{font-size:10px}.message-subject{max-width:60%}.sidebar-bottom{padding-top:45px}.compose-window{right:20px;width:510px}.admin-panel h1{font-size:23px}.admin-table td{font-size:10px}.stat-card{padding:18px}.stat-number{font-size:23px}}
@media(max-width:640px){.topbar{height:66px;padding:0 12px;gap:10px;flex-wrap:wrap;position:relative}.brand-area{gap:3px}.menu-toggle{width:30px;height:32px}.brand{gap:8px;font-size:15px;letter-spacing:-.55px}.topbar-actions{margin-left:auto;gap:8px}.account-avatar{width:33px;height:33px;font-size:11px;border-width:2px}.mode-pill{font-size:8px;padding:5px 7px}.search{position:absolute;top:66px;left:18px;right:18px;max-width:none;height:42px;background:#e7edf5;border-radius:10px}.search input{font-size:11px}.search>.icon{width:16px;height:16px}.app-layout{padding-top:54px;min-height:calc(100vh - 66px)}.sidebar{top:66px}.sidebar-scrim:not([hidden]){inset:66px 0 0}main{padding:18px 14px 20px}.page-heading{gap:10px;margin:0 4px 22px;align-items:flex-start}.eyebrow{font-size:8px;margin-bottom:10px;letter-spacing:1.35px}h1{font-size:24px;letter-spacing:-.9px}.page-description{font-size:9px;margin-top:8px}.connection-badge{font-size:8px;padding:6px 7px;gap:5px;margin-top:27px}.connection-badge>.status-dot{width:5px;height:5px}.inbox-sheet{border-radius:12px;min-height:calc(100vh - 260px)}.mail-toolbar{height:49px;padding:0 11px}.toolbar-left{gap:7px}.toolbar-label{font-size:8px}.toolbar-divider{margin:0 1px}.toolbar-right{gap:0}.toolbar-right>.toolbar-label{margin-right:5px}.toolbar-right .icon-button{width:20px}.toolbar-left .icon-button{width:29px}.selection-actions{gap:0}.selection-actions>.icon-button{width:28px}.inbox-tab{height:53px;width:190px;padding:0 17px;font-size:10px}.inbox-tab:after{left:12px}.message-row{padding:12px 13px;gap:8px;min-height:85px;align-items:flex-start}.message-row>.row-checkbox{display:none}.message-row>.star-button{position:absolute;right:13px;bottom:11px;width:18px;height:20px;z-index:2}.star-button .icon{width:16px;height:16px}.message-open{height:auto;position:relative;display:grid;grid-template-columns:34px 1fr;column-gap:10px;row-gap:5px;min-height:61px;align-items:center;padding-right:0}.message-open .avatar{display:flex;grid-column:1;grid-row:1 / 4;align-self:start;margin-top:2px;width:30px;height:30px;font-size:9px}.message-sender{width:auto;grid-column:2;grid-row:1;padding-right:50px;font-size:11px;line-height:1.4}.message-summary{grid-column:2;grid-row:2 / 4;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding-right:16px;font-size:10px}.message-subject{max-width:100%;width:100%;font-size:10px}.message-snippet{max-width:100%;width:100%;font-size:9px;white-space:nowrap}.message-date{position:absolute;right:0;top:0;font-size:8px}.row-attachment{display:none}.inbox-footer{padding:17px 14px;font-size:8px;min-height:46px}.inbox-footer .icon{width:12px;height:12px}.preview-banner{padding:10px 11px;gap:9px;margin:0 4px 18px;font-size:9px;align-items:flex-start}.preview-banner strong{font-size:9px;display:block;margin-bottom:3px}.preview-banner>div>span{font-size:8px}.preview-banner .text-button{font-size:8px;padding-top:1px;white-space:nowrap}.preview-spark{font-size:14px}.empty-state{padding:40px 21px;min-height:370px}.empty-art{width:78px;height:78px;border-radius:25px;margin-bottom:23px}.empty-art>.icon{width:34px;height:34px}.empty-state h2{font-size:20px}.empty-state p{font-size:10px;max-width:265px}.empty-actions{gap:10px;flex-direction:column}.empty-actions .button{font-size:10px;min-width:170px}.empty-actions>.text-button{font-size:10px}.empty-footnote{font-size:8px!important;line-height:1.7!important}.compose-window{right:0;left:0;width:100%;max-width:100%;border-radius:12px 12px 0 0}.compose-content textarea{min-height:190px;max-height:35vh}.attachment-limit{font-size:8px}.compose-footer{padding-bottom:20px}.app-dialog{padding:28px 25px;width:390px}.app-dialog h2{font-size:21px}.dialog-description{font-size:10px}.toast{bottom:18px;font-size:10px;gap:9px;padding:11px 12px}.toast>.icon{width:15px}.toast .text-button{font-size:10px}.message-detail{padding:0 17px 24px}.detail-toolbar{margin:0 -17px;padding:0 11px}.detail-subject{font-size:20px;line-height:1.4;margin:25px 0}.detail-sender-row{gap:10px}.detail-sender-row .avatar{width:31px;height:31px;font-size:9px}.detail-email{display:block;margin:5px 0 0;font-size:9px}.detail-sender-info strong{font-size:11px}.detail-date{font-size:8px;text-align:right;line-height:1.7;max-width:75px}.detail-body{margin-left:0;font-size:12px;line-height:1.9;margin-top:28px}.detail-actions,.detail-attachments{margin-left:0}.admin-panel h1{font-size:23px}.admin-panel .page-heading{flex-wrap:wrap;margin-bottom:22px;gap:15px}.admin-panel .page-heading .button{font-size:9px;padding:9px 12px;min-height:33px}.admin-tabs{gap:25px;padding-left:4px;margin-bottom:18px}.admin-tabs button{font-size:10px;padding-bottom:13px}.admin-stats{gap:8px;margin-bottom:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:13px 11px;border-radius:9px}.stat-heading{font-size:8px;gap:5px}.stat-heading .icon{height:13px;width:13px}.stat-number{font-size:21px;margin-top:12px}.stat-number small{font-size:8px;margin-left:3px}.admin-sheet-header{padding:19px 15px;gap:9px}.admin-sheet-header h2{font-size:12px}.admin-sheet-header p{font-size:9px}.admin-sheet-header .button{font-size:9px;padding:9px 10px;gap:5px;min-height:32px}.admin-sheet-header .button .icon{height:13px;width:13px}.admin-table th{padding:12px 13px;font-size:7px}.admin-table td{padding:16px 13px;font-size:9px;max-width:210px;overflow-wrap:anywhere}.admin-table td:nth-child(3),.admin-table th:nth-child(3){display:none}.mailbox-address{gap:7px}.mailbox-address>.avatar{display:none}.quota-cell{min-width:75px}.quota-copy{font-size:8px;max-width:100px;line-height:1.6}.quota-bar{width:70px}.admin-note{font-size:9px;margin:13px 3px 0}.spam-body{padding:20px 17px}.setting-row{gap:16px;padding-bottom:21px;margin-bottom:21px}.setting-row h3{font-size:12px}.setting-row p{font-size:9px}.forward-table td:nth-child(2){font-size:8px}.forward-table th:nth-child(3),.forward-table td:nth-child(3){display:table-cell}.forward-table td{padding:16px 10px}.badge{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep app chrome anchored; only the message workspace and long overlays scroll. */
html,body{height:100%;height:100dvh;overflow:hidden}
.topbar{position:sticky;top:0;z-index:60;background:#f1f5fa}
.app-layout{height:calc(100vh - 88px);height:calc(100dvh - 88px);min-height:0;overflow:hidden}
.sidebar{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.sidebar>*{flex-shrink:0}
main{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.compose-window{max-height:calc(100vh - 98px);max-height:calc(100dvh - 98px)}
.compose-content{max-height:calc(100vh - 148px);max-height:calc(100dvh - 148px);overflow-y:auto;overscroll-behavior:contain}
.compose-content textarea{display:block}
.app-dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:900px){.app-layout{height:calc(100vh - 76px);height:calc(100dvh - 76px);min-height:0}.sidebar{height:auto}}
@media(max-width:640px){.app-layout{height:calc(100vh - 66px);height:calc(100dvh - 66px);min-height:0}.compose-window{max-height:calc(100vh - 78px);max-height:calc(100dvh - 78px)}.compose-content{max-height:calc(100vh - 128px);max-height:calc(100dvh - 128px)}}

/* Official wordmark extracted from the supplied MaChaussure artwork. */
.brand{gap:10px}
.brand-logo{display:block;width:185px;max-width:100%;height:auto;object-fit:contain;flex-shrink:0}
.brand .brand-sub{font-size:15px;font-weight:400;letter-spacing:-.3px;margin-left:0;color:#667890}
.sidebar-signature{line-height:0}
.sidebar-signature img{display:block;width:128px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:1180px){.brand-logo{width:165px}}
@media(max-width:640px){.brand{gap:0}.brand-logo{width:136px}}