:root{--paper:#f5f4f1;--white:#fff;--ink:#191b1a;--muted:#858782;--line:#e9e9e5;--green:#b9fa65;--green-dark:#345f1e;--navy:#222c29;--red:#a53737}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding:26px}.login-card{align-self:center;justify-self:center;width:min(430px,100%);padding:35px 20px}.brand-mark{width:42px;height:42px;display:grid;place-content:center;background:var(--green);border-radius:14px;font:800 22px ui-sans-serif,system-ui,sans-serif;letter-spacing:-2px}.brand-mark span{color:#668e39;display:inline}.eyebrow{font:500 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.1px;color:#83867d;margin:26px 0 13px}.login-card h1{font:700 clamp(35px,4vw,49px)/1.12 ui-sans-serif,system-ui,sans-serif;letter-spacing:-2.8px;margin:0 0 15px}.login-card h1 em{font-style:normal;color:#78974d}.muted{color:var(--muted);line-height:1.6;margin:0 0 31px}.login-card form,.dialog form:not(.dialog-close){display:grid;gap:10px}.login-card label,.dialog label{font-size:12px;font-weight:600}.login-card input,.dialog input{border:1px solid #dfe0d9;background:white;border-radius:10px;height:48px;padding:0 14px;outline:none;margin-bottom:8px}.login-card input:focus,.dialog input:focus{border-color:#82a854;box-shadow:0 0 0 3px #b9fa6533}.primary{height:49px;background:var(--ink);color:#fff;border:0;border-radius:10px;padding:0 17px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.primary:hover{background:#30342e}.primary span{color:var(--green);font-size:19px}.primary:disabled{opacity:.6}.remember{display:flex;gap:9px;align-items:center;color:#60635c;font-weight:400!important;margin:2px 0 7px}.remember input{width:16px;height:16px;margin:0;accent-color:#6d973d}.notice{font-size:12px;line-height:1.5;color:#557d34;min-height:18px;margin:14px 0}.notice.is-error{color:var(--red)}.login-foot{font-size:11px;color:#9a9b95;margin-top:36px}.login-aside{background:var(--navy);border-radius:23px;min-height:calc(100vh - 52px);position:relative;overflow:hidden;color:white}.aside-orbit{position:absolute;border:1px solid #ffffff17;border-radius:50%;width:680px;height:680px;left:48%;top:45%;transform:translate(-50%,-50%)}.orbit-two{width:470px;height:470px;border-color:#ffffff20}.login-aside:before{content:'';position:absolute;width:330px;height:330px;border-radius:50%;left:48%;top:45%;transform:translate(-50%,-50%);background:radial-gradient(circle at 34% 30%,#d4ff99,#9cd24f 35%,#375b2b 69%,#222c29 70%);box-shadow:0 20px 90px #8bb95640}.aside-copy{position:absolute;left:48px;bottom:48px}.aside-copy span,.aside-copy small{font:11px ui-monospace,monospace;color:#b7c6b0}.aside-copy p{font:600 29px/1.23 ui-sans-serif,system-ui,sans-serif;margin:16px 0}.app-shell{min-height:100vh;display:grid;grid-template-columns:256px 1fr;background:#fafaf8}.sidebar{background:#f0f0ec;border-right:1px solid var(--line);padding:26px 17px 15px;display:flex;flex-direction:column;min-height:100vh}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 18px ui-sans-serif,system-ui,sans-serif;letter-spacing:-.7px;padding:0 7px 35px}.wordmark-light{color:#888b83;font-weight:500}.brand-mark.small{width:31px;height:31px;border-radius:10px;font-size:16px}.nav-label{font:500 10px ui-monospace,monospace;color:#969990;letter-spacing:1px;padding:0 9px 12px}.domain-group{margin-bottom:18px}.domain-heading{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px;padding:7px 8px;color:#51554e}.domain-symbol{display:grid;place-content:center;width:19px;height:19px;background:#dedfd8;border-radius:6px;font-size:11px}.mailbox-button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px 9px 18px;border:0;background:transparent;text-align:left;color:#656961;border-radius:8px;font-size:12px}.mailbox-button:hover,.mailbox-button.active{background:#e4e8de;color:#25351c}.mailbox-icon{font:500 12px ui-monospace,monospace;color:#8c9184}.mailbox-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.unread-mark{width:6px;height:6px;background:var(--green-dark);border-radius:50%;opacity:0}.mailbox-button.active .unread-mark{opacity:1}.add-domain{margin:0 6px;border:1px dashed #c9cbc2;border-radius:8px;background:transparent;color:#70746b;text-align:left;font-size:12px;padding:10px}.add-domain span{font-size:16px;margin-right:7px}.sidebar-empty,.loading-line{font-size:11px;line-height:1.6;color:#92958c;padding:9px}.sidebar-bottom{border-top:1px solid #dedfd9;padding:16px 4px 3px;margin-top:auto;display:flex;align-items:center;gap:9px}.avatar{width:30px;height:30px;border-radius:50%;background:#d7e5c9;display:grid;place-content:center;font-weight:700;font-size:12px;color:#526e3d}.user-meta{display:grid;gap:3px;flex:1}.user-meta strong{font-size:11px}.user-meta span{font-size:10px;color:#92958c}.sidebar-bottom button{border:0;background:none;color:#787b73;font-size:16px}.mail-area{min-width:0}.topbar{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fff}.crumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#8c8f87}.crumb b{color:#383b35;font-weight:600;border-left:1px solid var(--line);padding-left:12px}.top-actions{display:flex;align-items:center;gap:12px;color:#898d84;font-size:10px;font-family:ui-monospace,monospace}.top-actions>span:first-child{color:#6d9250}.icon-button{width:31px;height:31px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#6d7169;font-size:16px}.icon-button:hover{background:#f0f1ec}.mail-content{max-width:1120px;padding:42px 44px;margin:0 auto}.heading-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.heading-row .eyebrow{margin:0 0 9px}.heading-row h1{font:700 29px ui-sans-serif,system-ui,sans-serif;letter-spacing:-1.1px;margin:0}.count-pill{border:1px solid var(--line);border-radius:20px;padding:7px 11px;background:#fff;color:#81847c;font-size:11px}.count-pill span{font-weight:700;color:#343831}.inbox-panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;min-height:400px}.inbox-toolbar{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid var(--line)}.folder-tab{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.inbox-dot{width:7px;height:7px;background:#88b354;border-radius:50%}.toolbar-mailbox{font:10px ui-monospace,monospace;color:#92958c}.messages{min-height:347px}.message-row{width:100%;display:flex;align-items:center;text-align:left;gap:13px;border:0;border-bottom:1px solid #f0f0ed;background:#fff;padding:14px 19px}.message-row:hover{background:#fbfcf9}.sender-avatar{width:34px;height:34px;display:grid;place-content:center;border-radius:50%;background:#e5eedc;color:#628542;font-size:12px;font-weight:700;flex:0 0 auto}.message-main{display:grid;gap:4px;min-width:0;flex:1}.message-top{display:flex;justify-content:space-between;gap:14px}.message-top strong{font-size:12px}.message-top time{font:10px ui-monospace,monospace;color:#96988f;white-space:nowrap}.subject{font-size:12px;color:#333630;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview{font-size:11px;color:#93958e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-arrow{font-size:21px;color:#c3c5bd}.empty-state{min-height:347px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.empty-state h2{font:600 16px ui-sans-serif,system-ui,sans-serif;margin:17px 0 6px}.empty-state p{font-size:12px;color:#96988f;margin:0;line-height:1.6}.empty-icon{width:42px;height:42px;border-radius:14px;display:grid;place-content:center;background:#eef5e7;color:#60843d;font-size:20px}.empty-icon.warn{background:#fbf0e7;color:#ab7139}.spinner{width:22px;height:22px;border:2px solid #e2e6dc;border-top-color:#7fa355;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.privacy-note{margin-top:16px;text-align:center;font-size:10px;color:#999b94}.privacy-note span{color:#70944f;margin-right:5px}.error-box{padding:11px 14px;border-radius:8px;background:#fcf0ed;color:#93433a;font-size:11px;margin:-13px 0 17px}.dialog-close{position:absolute;right:14px;top:11px}.dialog-close button{border:0;background:none;font-size:25px;color:#777}.dialog{border:0;border-radius:16px;padding:31px;width:min(480px,calc(100vw - 28px));box-shadow:0 24px 80px #1113}.dialog::backdrop{background:#1118;backdrop-filter:blur(3px)}dialog h2{font:700 24px ui-sans-serif,system-ui,sans-serif;letter-spacing:-.7px;margin:0 0 11px}dialog .eyebrow{margin:0 0 8px}dialog .muted{font-size:12px;margin:0 0 23px}dialog form#domain-form{gap:9px}dialog input{margin-bottom:5px}.configured-domains{margin-top:16px}.configured-domain{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.configured-domain button{border:0;background:none;color:#995148;font-size:11px}.detail-from{font-size:11px;color:#868980;padding-bottom:17px;border-bottom:1px solid var(--line)}.detail-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow:auto;font-size:13px;line-height:1.7;color:#41443e;padding:17px 0}.detail-text a{color:#315f9d}@media(max-width:780px){.login-shell{padding:12px;grid-template-columns:1fr}.login-card{padding:35px 15px}.login-aside{display:none}.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.wordmark{padding:0 5px 13px}.nav-label{display:none}.mailbox-list{display:flex;gap:8px;overflow:auto}.domain-group{display:flex;align-items:center;gap:5px;margin:0;flex:0 0 auto}.domain-heading{display:none}.mailbox-button{width:auto;max-width:205px;padding:8px 10px;background:#e9ebe5}.add-domain{margin:10px 2px 0}.sidebar-bottom{display:none}.topbar{height:55px;padding:0 16px}.mail-content{padding:28px 14px}.heading-row h1{font-size:23px}.count-pill{font-size:10px}.inbox-panel{min-height:350px}.messages{min-height:299px}.empty-state{min-height:299px}}