:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#23344d;background:#fff;font-synthesis:none;font-size:13px;--blue:#3263be;--line:#e7ecf2;--muted:#8a96a9}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden}button,input,textarea,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #49a9cc;outline-offset:2px}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:var(--blue);text-decoration:none}.topbar{height:76px;display:flex;align-items:center;padding:0 25px;gap:20px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:9px;color:#24588f;min-width:202px}.brand img{object-fit:contain}.brand strong{font-size:24px;letter-spacing:-1.2px;font-weight:650}.brand small{font-size:8px;letter-spacing:4px;display:block;margin:3px 0 0 2px;color:#7a8eaa}.app-title{font-size:11px;color:#8a98ab;white-space:nowrap}.search{display:flex;align-items:center;gap:12px;margin-left:auto;width:360px;background:#f4f7fb;border:1px solid #edf0f5;border-radius:8px;height:39px;padding:0 12px;color:#8f9bad}.search input{border:0;background:transparent;outline:none;min-width:0;width:100%;font-size:11px;color:#324861}.search input::placeholder{color:#97a2b3}.search kbd{font:11px inherit;border:1px solid #dfe6ef;border-radius:3px;padding:1px 5px}.icon-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;background:transparent;border-radius:6px;padding:7px;color:#7c8ba0}.icon-button:hover{background:#edf3fa;color:#3569ae}.preview-badge{font-size:8px;letter-spacing:1.2px;color:#7287a5;white-space:nowrap;background:#f3f6fa;padding:7px 9px;border-radius:5px}.avatar{height:34px;width:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.2px;color:#4a74b7;background:#eaf1fd}.account-avatar{border:1px solid #d6e2f8;margin-left:3px;cursor:pointer;background:#e9f0fb}.avatar.teal{color:#318d83;background:#e6f5f0}.avatar.rose{color:#b1687f;background:#f8ecf1}.avatar.amber{color:#b38841;background:#faf1df}.avatar.violet{color:#896cae;background:#f0eafa}.workspace{height:calc(100dvh - 76px);display:grid;grid-template-columns:64px 220px minmax(0,1fr)}.app-rail{background:#152a46;color:#a8bad1;display:flex;align-items:center;flex-direction:column;padding:20px 5px;gap:16px}.rail-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#a8bad1;border:0;background:transparent;width:52px;padding:12px 4px;border-radius:8px;font-size:8px;letter-spacing:.2px}.rail-button.active{color:#a4d9e8;background:#2a405d}.rail-button .icon{width:21px;height:21px}.rail-button:hover{background:#263d5b}.rail-bottom{margin-top:auto;padding-bottom:7px}.rail-bottom img{opacity:.8}.sidebar{background:#f7f9fc;border-right:1px solid var(--line);padding:26px 16px 20px;display:flex;flex-direction:column;min-height:0}.mailbox-name{display:flex;align-items:center;gap:7px;font-size:11px;padding-left:7px;white-space:nowrap}.online-dot{width:5px;height:5px;border-radius:50%;background:#68b9ad;display:inline-block;flex-shrink:0}.mailbox-address{font-size:10px;color:#97a4b5;margin:8px 0 24px 18px}.compose-button{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;background:#3263b8;color:white;border:0;border-radius:7px;padding:12px 14px;font-size:11px;font-weight:550;box-shadow:0 3px 6px #2a5caa13;margin-bottom:27px}.compose-button:hover,.send-button:hover{background:#244e99}.compose-button span{margin-left:auto;border:1px solid #ffffff40;border-radius:3px;font-size:8px;padding:1px 4px;color:#c1d1ef}.folder-button,.label-button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;border-radius:6px;min-height:38px;padding:9px 12px;color:#72829a;font-size:11px;margin:3px 0}.folder-button .icon{width:17px;height:17px}.folder-button small{margin-left:auto;font-size:10px}.folder-button.active{color:#3263b8;background:#e8effa;font-weight:600}.folder-button:hover,.label-button:hover{background:#edf2f8}.section-label{display:flex;justify-content:space-between;font-size:8px;color:#9eabba;letter-spacing:1.4px;margin:31px 10px 10px}.label-button{min-height:31px;font-size:10px;gap:14px}.label-button.active{background:#eaf0f8}.label-dot{width:7px;height:7px;border-radius:2px;background:#739cdd}.label-dot.teal{background:#6fb1ab}.label-dot.amber{background:#d5b16b}.label-dot.violet{background:#b09acb}.manage-link{display:flex;align-items:center;gap:8px;border-top:1px solid #e6ebf2;font-size:9px;color:#8797ad;padding:17px 3px 12px;margin-top:auto;white-space:nowrap}.manage-link .icon{width:14px;height:14px}.manage-link .icon:last-child{width:10px;margin-left:auto}.storage{border-top:1px solid #e6ebf2;padding:17px 4px 0;font-size:8px;color:#8b9ab0}.storage>div:first-child{display:flex;justify-content:space-between}.storage-bar{height:3px;background:#e6ecf3;border-radius:5px;margin:12px 0 8px}.storage-bar span{display:block;width:0}.storage small{font-size:8px;color:#a7b1bf}.mail-area{min-width:0;display:flex;flex-direction:column;position:relative}.mail-heading{height:92px;flex-shrink:0;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:10px}.mail-heading h1{font-size:22px;letter-spacing:-.6px;font-weight:600;margin:0 0 6px}.mail-heading #folder-caption{font-size:10px;color:#9aa6b6}.private-mark{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.6px;color:#9aa9bd;white-space:nowrap}.mail-heading>a{font-size:10px}.demo-strip{font-size:9px;line-height:1.6;color:#66819e;background:#f3f7fb;border-top:1px solid #eaf0f6;border-bottom:1px solid #e6edf5;padding:9px 28px;flex-shrink:0}.mail-content{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,40%) minmax(0,1fr)}.message-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.list-toolbar{display:flex;align-items:center;height:54px;flex-shrink:0;padding:0 18px;gap:8px;border-bottom:1px solid var(--line)}.select-all{display:flex;gap:6px;align-items:center;color:#93a0b1}.select-all .icon{width:12px}input[type=checkbox]{appearance:none;width:13px;height:13px;border:1px solid #cad5e1;border-radius:3px;flex-shrink:0;cursor:pointer;background:white;margin:0}input[type=checkbox]:checked{background:#4779c5;border-color:#4779c5;box-shadow:inset 0 0 0 2px white}input[type=checkbox]:indeterminate{background:#9cb8df}.toolbar-divider{height:16px;width:1px;background:var(--line);margin:0 5px}.text-button{border:0;background:transparent;font-size:10px;padding:8px;color:#8795aa;border-radius:4px}.text-button:hover{background:#f0f4fa;color:#3d6da9}.selected-filter{color:#3263b8;font-weight:600}.list-total{font-size:9px;color:#a1adbc;margin-left:auto}.messages{overflow-y:auto;flex:1}.message-row{position:relative;display:flex;gap:10px;padding:18px 16px 15px;border-bottom:1px solid #edf0f5;min-height:123px;align-items:flex-start}.message-row:hover{background:#f7faff}.message-row.selected{background:#f0f5fd;box-shadow:inset 3px 0 #4b79bd}.message-row>input{margin-top:9px;width:11px;height:11px}.message-row>.avatar{height:30px;width:30px;font-size:9px;margin-top:1px}.message-open{border:0;background:transparent;text-align:left;padding:0;display:block;min-width:0;flex:1;cursor:pointer}.message-top{display:flex;align-items:center;gap:8px;margin:1px 0 9px}.message-top strong{font-size:10px;color:#586a83;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.message-top time{font-size:8px;white-space:nowrap;margin-left:auto;color:#a0acbb}.message-subject{display:block;font-size:11px;line-height:1.6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#52647d;margin-bottom:5px;letter-spacing:-.1px}.message-snippet{display:block;font-size:9px;line-height:1.6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#9da8b8}.message-row.unread .message-top strong,.message-row.unread .message-subject{font-weight:650;color:#273e5e}.message-row.unread .message-top strong:before{content:'';display:inline-block;width:4px;height:4px;background:#4d82cd;border-radius:50%;margin-right:5px;vertical-align:middle}.message-bottom{display:flex;align-items:center;gap:8px;min-height:19px;margin-top:7px}.message-bottom>.icon{width:11px;height:11px;color:#9aaabd}.message-label{display:inline-block;line-height:1.3;border-radius:3px;padding:3px 6px;font-size:7px;color:#708ab8;background:#edf2fb;font-weight:500}.message-label.teal{background:#edf6f4;color:#679b92}.message-label.amber{background:#fbf4e5;color:#b29a64}.message-label.violet{background:#f2edf9;color:#9b82b9}.star-button{border:0;background:transparent;color:#c8d2df;padding:0;margin:2px -3px 0 0}.star-button .icon{width:13px;height:13px}.star-button.starred{color:#d6af55}.star-button.starred .icon{fill:#e7c981}.list-footer{display:flex;justify-content:space-between;font-size:8px;color:#a9b3c2;border-top:1px solid var(--line);padding:15px 18px;flex-shrink:0;gap:8px}.bulk-toolbar{display:flex;align-items:center;padding:5px 18px;background:#edf3fd;border-bottom:1px solid var(--line);font-size:10px;color:#6682ab}.bulk-toolbar>span{margin-right:auto}.reader{min-width:0;overflow-y:auto;background:#fff}.reader-toolbar{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);height:54px;padding:0 22px}.reader-hint{font-size:8px;margin-left:auto;color:#a7b2c0}.reader-toolbar .icon{width:16px;height:16px}.reader-content{padding:35px 34px}.reader-subject{margin-bottom:30px}.reader-subject h2{font-size:20px;letter-spacing:-.5px;line-height:1.5;margin:0 0 11px;font-weight:550;max-width:450px;color:#293d59}.reader-subject .message-label{font-size:8px;padding:4px 8px}.sender{display:flex;gap:11px;align-items:center;padding-bottom:24px;border-bottom:1px solid #edf1f6}.avatar.large{width:37px;height:37px;font-size:11px}.sender-details{min-width:0}.sender-details strong{display:block;font-size:11px;font-weight:600;margin-bottom:5px}.sender-details small{display:block;font-size:9px;color:#9aa8bb;line-height:1.8;overflow-wrap:anywhere}.sender time{margin-left:auto;align-self:flex-start;font-size:8px;white-space:nowrap;color:#a2adbd;padding-top:3px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:2;color:#6d7d93;padding:27px 0 18px;max-width:650px}.reply-actions{display:flex;gap:9px;padding-top:22px;border-top:1px solid #edf1f6;margin-top:15px}.reply-actions .icon-button{border:1px solid #dfe7f1;font-size:10px;padding:10px 17px;color:#7990ad}.reply-actions .icon{width:14px;height:14px}.reader-empty,.empty-list{padding:80px 25px;text-align:center;color:#aab6c5}.reader-empty>.icon,.empty-list>.icon{width:38px;height:38px;stroke-width:1;margin-bottom:15px;color:#a5bbd6}.reader-empty h2,.empty-list h2{font-size:16px;font-weight:500;color:#7b8da6;letter-spacing:-.2px}.reader-empty p,.empty-list p{font-size:10px;line-height:1.8;max-width:270px;margin:10px auto}.back-button{display:none}.back-button .icon{transform:rotate(180deg)}.toast{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 18px;background:#213a59;color:white;box-shadow:0 4px 24px #11274220;border-radius:8px;font-size:11px;max-width:90%;width:max-content;line-height:1.6;z-index:8}.reader-attachments{margin-top:15px;display:flex;gap:10px;flex-wrap:wrap}.attachment-card{padding:13px;display:grid;grid-template-columns:20px 1fr;gap:7px;border:1px solid #e3e9f2;border-radius:7px}.attachment-card strong{font-size:10px;font-weight:500}.attachment-card small{grid-column:2;font-size:8px;color:#a0adbd}.attachment-card .icon{width:15px}.simulated-note{font-size:10px;padding:12px;background:#f0f7fb;border-radius:6px;color:#6c8ca8}dialog{border:1px solid #dce5ef;border-radius:12px;padding:0;color:#344c6d;box-shadow:0 25px 100px #132a4330;max-height:90dvh;overflow:auto}dialog::backdrop{background:#182c4940;backdrop-filter:blur(2px)}.compose-dialog{width:680px;max-width:calc(100vw - 30px)}.compose-dialog header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#f2f6fc;border-bottom:1px solid var(--line)}.compose-dialog header>span{display:flex;gap:10px;align-items:center}.compose-dialog header strong{font-size:12px;font-weight:550}.compose-dialog header .icon{width:17px}.from-row{display:flex;align-items:center;gap:13px;font-size:10px;color:#95a1b2;padding:19px 24px 10px}.from-row strong{font-weight:500;font-size:10px;color:#637a96}.demo-chip{font-size:7px;background:#e9f1fa;color:#6a8eb7;padding:4px 6px;border-radius:4px;letter-spacing:1px;margin-left:auto}.compose-field{display:flex;align-items:center;gap:16px;padding:15px 24px;border-bottom:1px solid #edf0f5;font-size:10px;color:#8d9db2}.compose-field>span{width:40px}.compose-field input{border:0;outline:none;width:100%;color:#38516f;background:white;min-width:0}.compose-field input::placeholder,textarea::placeholder{color:#b2bccb}.compose-dialog textarea{width:100%;padding:25px;border:0;resize:vertical;min-height:240px;max-height:40dvh;outline:none;color:#546e8f;font-size:12px;line-height:1.9}.compose-dialog footer{display:flex;align-items:center;gap:12px;padding:17px 24px;border-top:1px solid var(--line)}.send-button{border:0;border-radius:6px;padding:11px 15px;background:#3263b8;color:white;display:flex;align-items:center;gap:9px;font-size:10px}.send-button .icon{width:14px;height:14px}.discard{margin-left:auto}.compose-help{font-size:9px;color:#9aa8b9;padding:0 24px;line-height:1.8}.form-error{font-size:10px;color:#b35360;padding:0 24px}.attachments{padding:0 24px;display:flex;flex-wrap:wrap;gap:7px}.attachment-chip{display:flex;align-items:center;gap:7px;background:#edf3fa;padding:3px 7px;border-radius:5px;font-size:9px;max-width:100%}.attachment-chip>span{overflow:hidden;text-overflow:ellipsis;max-width:200px}.attachment-chip>.icon{width:12px}.attachment-chip .icon-button{padding:3px}.attachment-chip .icon-button .icon{width:12px;height:12px}.small-dialog{width:390px;max-width:calc(100vw - 30px);padding:27px}.small-dialog h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:0 0 10px}.dialog-subtitle{font-size:11px;line-height:1.9;color:#91a0b3;margin:12px 0 20px}.account-option{border:1px solid #e7edf5;display:flex;align-items:center;background:white;padding:13px;gap:12px;text-align:left;width:100%;border-radius:8px;margin:12px 0}.account-option strong{font-size:11px;display:block;font-weight:500;margin-bottom:5px}.account-option small{font-size:10px;color:#93a3b8}.setting-row{display:flex;justify-content:space-between;padding:17px 0;font-size:11px;border-bottom:1px solid var(--line);align-items:center}.settings-link{display:block;font-size:10px;margin:17px 0}.dialog-close{display:block;margin:12px 0 0 auto}.contact-option{display:grid;grid-template-columns:35px 1fr;text-align:left;align-items:center;gap:4px 10px;width:100%;background:white;border:0;border-bottom:1px solid var(--line);padding:15px 0}.contact-option .avatar{grid-row:span 2}.contact-option strong{font-size:11px;font-weight:500}.contact-option small{font-size:9px;color:#9aa8b9}.compact .message-row{padding-top:10px;padding-bottom:10px;min-height:87px}.compact .message-snippet{display:none}.menu-toggle{display:none}[hidden]{display:none!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#dfe6ef;border-radius:6px}@media(min-width:1600px){.mail-content{grid-template-columns:440px minmax(0,1fr)}.reader-content{padding:40px 55px}.message-body{font-size:13px}.message-subject{font-size:12px}.message-top strong{font-size:11px}.message-snippet{font-size:10px}}@media(max-width:1200px){.app-title{display:none}.topbar{gap:15px}.search{width:300px}.workspace{grid-template-columns:56px 198px minmax(0,1fr)}.sidebar{padding:25px 13px}.mail-content{grid-template-columns:330px minmax(0,1fr)}.reader-content{padding:25px}.reader-subject h2{font-size:18px}.private-mark{display:none}.mail-heading{padding:22px}.message-row{padding-left:12px;gap:8px}.message-row>.avatar{display:none}.brand{min-width:210px}}@media(max-width:1050px){.mail-content{display:block;position:relative;overflow:hidden}.message-pane{height:100%;border:0}.reader{display:none;height:100%}.reading .reader{display:block}.reading .message-pane{display:none}.back-button{display:inline-flex}.message-row{min-height:110px;padding:17px 20px;gap:12px}.message-row>.avatar{display:inline-flex}.message-top strong{font-size:12px}.message-subject{font-size:12px}.message-snippet{font-size:10px}.message-top time{font-size:9px}.message-label{font-size:8px}.message-row .star-button .icon{width:15px;height:15px}.reader-content{padding:30px}.reader-subject h2{font-size:22px}.message-body{font-size:12px}.reader-toolbar{padding-left:15px}.list-toolbar{padding:0 20px}.brand{min-width:195px}.topbar{padding:0 18px;gap:15px}.preview-badge{display:none}}@media(max-width:700px){.topbar{height:65px;padding:0 14px;gap:10px}.brand{min-width:0;margin-right:auto}.brand strong{font-size:21px}.brand small{font-size:7px}.brand img{width:32px;height:32px}.search{width:34px;min-width:34px;padding:0 6px;gap:5px;transition:width .15s;background:white;border:0;margin:0}.search input{width:0;padding:0}.search:focus-within{position:absolute;left:12px;right:12px;top:13px;width:auto;height:40px;background:#f4f7fb;padding:0 12px;z-index:12}.search:focus-within input{width:100%}.search kbd{display:none}.search .icon{width:18px;cursor:text}.menu-toggle{display:inline-flex;padding:6px}.workspace{height:calc(100dvh - 65px);grid-template-columns:48px minmax(0,1fr)}.app-rail{padding:15px 2px;gap:12px}.rail-button{width:43px;font-size:7px}.rail-button .icon{width:18px;height:18px}.sidebar{display:none;position:fixed;left:48px;top:65px;bottom:0;width:220px;z-index:10;box-shadow:20px 0 50px #203b5620}.folders-open .sidebar{display:flex}.mail-heading{height:78px;padding:18px 20px}.mail-heading h1{font-size:21px}.mail-heading #folder-caption{font-size:9px}.demo-strip{font-size:8px;padding:8px 18px}.message-row{padding:17px 13px;gap:9px}.message-row>.avatar{height:27px;width:27px;font-size:8px}.message-top strong{font-size:10px}.message-subject{font-size:11px}.message-snippet{font-size:9px}.message-label{font-size:7px}.message-row .star-button .icon{width:12px;height:12px}.message-top time{font-size:8px}.list-footer{font-size:7px;padding:12px}.reader-content{padding:25px 20px}.reader-subject h2{font-size:19px}.message-body{font-size:11px}.sender{gap:8px}.sender-details small{font-size:8px}.sender time{font-size:7px}.reader-hint{display:none}.reader-toolbar{gap:4px}.compose-dialog{width:calc(100vw - 15px);max-width:none}.compose-dialog textarea{min-height:220px}.compose-dialog footer{gap:7px;padding:14px}.compose-dialog header{padding:10px 17px}.from-row,.compose-field{padding-left:18px;padding-right:18px}.compose-dialog textarea{padding:20px}.compose-dialog .text-button{font-size:9px}.send-button{padding:10px}.toast{font-size:10px}.account-avatar{height:30px;width:30px;font-size:9px}.private-mark{display:none}}