:root{font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#263f37;background:#f5f6f2;font-synthesis:none;line-height:1.65;--green:#285e4b;--line:#dfe5dd;--muted:#65756c;--red:#a33a32}
*{box-sizing:border-box}body{margin:0;min-width:320px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,a,input,select:focus-visible{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #85b49a}input:focus,select:focus{outline:2px solid #8ab39c;border-color:#456e55}input,select{width:100%;padding:11px 13px;border:1px solid #cfd8ce;border-radius:8px;background:#fff;color:#263f37;min-height:46px}input::placeholder{color:#7b887e;font-size:13px}label{display:block;font-size:13px;font-weight:600;margin:19px 0 8px}button,.primary,.secondary{border-radius:8px;line-height:1.4;font-size:13px;font-weight:600;padding:12px 17px;border:1px solid var(--line);background:#fff;color:#385247;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover:not(:disabled){background:#1e4b3a}.secondary:hover:not(:disabled){background:#edf2e9}.full{width:100%;margin-top:22px;justify-content:space-between}.compact{padding:8px 12px;font-size:12px;margin-top:8px}.text-button{border:0;background:none;padding:5px 0;font-size:12px;font-weight:400}.danger{color:#93332b;border-color:#dab4ad;background:#fff6f3}.small{font-size:12px}.muted{color:var(--muted)}.help{color:var(--muted);font-size:12px;line-height:1.8;margin:9px 0}.notice{background:#f5f2e8;border:1px solid #e4ddc8;border-radius:8px;padding:12px 14px;font-size:12px;color:#6d6038;margin:16px 0;overflow-wrap:anywhere}.error{color:#a03930;font-size:13px;overflow-wrap:anywhere}.error.notice{background:#fff2ee;border-color:#e5c5bd}.accent{color:#88aa7d}[hidden]{display:none!important}.shell{max-width:1180px;width:calc(100% - 80px);margin:auto;min-height:100svh;display:flex;flex-direction:column}.header{height:99px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:3px;font-weight:650}.brand small{font-size:8px;letter-spacing:1.8px;display:block;font-weight:500;color:#647c6a}.mark{font-size:30px;width:43px;height:43px;display:grid;place-items:center;background:var(--green);color:#f4f6ef;border-radius:12px;line-height:1;transform:rotate(-5deg)}.header-right{display:flex;align-items:center;gap:23px;font-size:12px}.demo-badge{font-size:11px;color:#795c28;background:#f4ecd8;border:1px solid #e1cf9f;padding:4px 9px;border-radius:5px}.eyebrow{font-size:10px;letter-spacing:2px;color:#6b806b;font-weight:600}main{flex:1}.boot{min-height:65vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.spinner{width:28px;height:28px;border:2px solid #d5e0d0;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-layout{display:grid;grid-template-columns:1fr 400px;gap:95px;align-items:center;padding:70px 60px;min-height:calc(100svh - 177px)}.intro h1{font-size:43px;line-height:1.45;letter-spacing:-1px;margin:22px 0}.lead{font-size:14px;color:#617468;line-height:2}.provider-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.provider-pills span{font-size:10px;padding:4px 10px;border:1px solid #d5ded0;border-radius:20px;color:#5b715c}.paper-art{position:relative;width:220px;height:162px;margin:45px 0 0 20px;transform:rotate(-6deg)}.paper{background:#fffdf6;border:1px solid #dedfcf;border-radius:8px;width:174px;height:137px;position:absolute;left:20px;top:0;padding:20px}.paper span{font-size:11px;color:#74846c}.paper i{display:block;width:90px;height:2px;background:#d9e1d2;margin-top:10px}.paper i:nth-of-type(2){width:60px}.paper b{letter-spacing:5px;color:#81a678;font-size:14px}.envelope{position:absolute;bottom:0;left:0;border:1px solid #b9d0af;border-radius:5px;width:214px;height:82px;background:#d5e3c9;clip-path:polygon(0 0,50% 38%,100% 0,100% 100%,0 100%);text-align:center;padding-top:28px;font-size:30px;color:#5e8255}.login-card{padding:34px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 15px 40px #405e3c07}.login-card h2{font-size:25px;margin:11px 0 8px}.login-card>.muted{font-size:13px}.login-card form{margin-top:27px}#login-error{margin-top:12px}.login-footer{text-align:center;border-top:1px solid var(--line);padding-top:19px;margin-top:26px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:40px 0 29px}.page-heading h1{font-size:33px;letter-spacing:-.6px;margin:10px 0 8px}.page-heading>.primary{margin-bottom:5px}.page-heading .muted{font-size:13px}.metrics{display:grid;grid-template-columns:1fr 1fr 1.4fr;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;margin-bottom:32px}.metrics>div{padding:20px 27px;position:relative}.metrics>div+div{border-left:1px solid var(--line)}.metric-label{font-size:12px;color:#5e735f}.metrics strong{display:block;font-size:31px;line-height:1.4;letter-spacing:-1px;margin:4px 0}.metric-note{font-size:11px;color:#687a69}.metric-feature{display:flex;align-items:center;gap:18px;background:#edf2e7}.metric-feature b{font-size:15px;font-weight:600}.metric-feature p{font-size:12px;color:#657a59;margin-top:7px}.feature-icon{font-size:26px;background:#d8e5cd;color:#577b4b;width:48px;height:48px;border-radius:50%;display:grid;place-items:center}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px 0 15px}.section-heading h2{font-size:18px;display:flex;align-items:center;gap:9px}.count{font-size:10px;background:#e5ebdf;color:#5c7352;display:inline-block;padding:1px 7px;border-radius:5px}.mailbox-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.mailbox-card{border:1px solid var(--line);border-radius:12px;padding:20px 19px;background:#fff;overflow:hidden}.mailbox-card:hover{border-color:#b4c6b0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:18px}.provider-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;font-size:12px;font-weight:700;background:#edf0f8;color:#42648a}.provider-icon[data-provider="163"],.provider-icon[data-provider="126"]{background:#faece6;color:#b75a44}.provider-icon[data-provider="gmail"]{background:#f5e9e6;color:#b05b43}.provider-icon[data-provider="outlook"],.provider-icon[data-provider="hotmail"]{background:#e8eff6;color:#426c9d}.status{font-size:11px;color:#537048;display:inline-flex;align-items:center;gap:5px}.status:before{content:"";width:5px;height:5px;background:#719c60;border-radius:50%;display:inline-block;flex-shrink:0}.status[data-state="error"]{color:#a45444}.status[data-state="error"]:before{background:#b27660}.status[data-state="connecting"]{color:#92752c}.status[data-state="connecting"]:before{background:#b4974d}.mailbox-card h3{font-size:16px;margin-bottom:3px}.mailbox-email{color:#65796a;font-size:11px;overflow-wrap:anywhere;min-height:19px}.card-actions{border-top:1px solid #e7ece2;display:flex;justify-content:space-between;gap:5px;margin-top:19px;padding-top:12px}.card-actions button{font-size:11px;padding:4px 0;white-space:nowrap}.card-error{font-size:11px;color:#98523e;margin-top:9px}.share-heading{margin-top:34px}.share-heading p{margin-top:5px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-weight:500;font-size:11px;color:#678061;background:#f9fbf6;padding:13px 20px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:18px 20px;border-bottom:1px solid #e9eee5;font-size:12px;white-space:nowrap}td:first-child{font-weight:600}tbody tr:last-child td{border-bottom:none}.row-label{max-width:200px;white-space:normal;overflow-wrap:anywhere}.table-email{display:block;font-size:10px;color:#6d7f6a;margin-top:2px}.row-actions{display:flex;gap:15px;justify-content:flex-end}.row-actions button,.row-actions a{font-size:11px;white-space:nowrap}.right{text-align:right}.badge{font-size:10px;padding:3px 7px;border-radius:4px;background:#edf3e7;color:#537047}.badge.off{background:#f0eee9;color:#796f5e}.page-note{line-height:1.9;margin:18px 0 35px;text-align:center}.empty{padding:38px;text-align:center;color:#647b5c}.empty h3{font-size:16px}.empty p{font-size:12px;margin-top:8px;color:#76856f}.empty-grid{grid-column:1/-1;border:1px dashed #c4d2bd;border-radius:12px;padding:45px}.viewer-tools{display:flex;align-items:center;gap:20px}.message-surface{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;max-width:1000px;margin:auto}.message-top,.message-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 28px;background:#fcfdf9}.message-top{border-bottom:1px solid var(--line)}.message-bottom{border-top:1px solid var(--line);font-size:10px;color:#687d60}.large{min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column}.large h2{font-size:20px}.empty-icon{font-size:40px;color:#759866;margin-bottom:10px}.message-meta{padding:23px 30px;display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#f6f9f1;border-bottom:1px solid var(--line)}.message-meta span{font-size:10px;color:#6c805e}.message-meta p{font-size:12px;margin-top:6px;overflow-wrap:anywhere}.message-body{padding:30px 36px 42px}.message-body h2{font-size:25px;line-height:1.6;overflow-wrap:anywhere;margin-bottom:25px}.mail-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:14px;color:#4d6555}.otp-card{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f0f5ea;border:1px solid #dce6d1;padding:16px 21px;border-radius:10px;margin-bottom:27px}.otp-card span{display:block;font-size:11px;color:#61794f}.otp-card strong{font-size:30px;letter-spacing:6px;line-height:1.4;display:block;margin-top:6px;font-weight:600}dialog{border:1px solid #cfd9c8;border-radius:17px;background:#fdfefb;color:#263f37;max-width:510px;width:calc(100% - 32px);padding:27px 30px;max-height:88svh;box-shadow:0 30px 90px #19342430}dialog::backdrop{background:#1c342852;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:15px}.modal-head h2{font-size:23px;margin-top:8px}.close{font-size:25px;border:0;background:transparent;padding:0 5px;color:#7e8d75}.device-code{background:#edf3e6;border:1px dashed #aac197;text-align:center;letter-spacing:5px;font-size:31px;font-weight:600;padding:22px 10px;border-radius:10px;margin:25px 0}.confirm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}#preview-subject{font-size:20px;margin:15px 0}#preview-text{max-height:50vh;overflow:auto}#preview-meta{overflow-wrap:anywhere}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#263f37;color:white;padding:12px 22px;border-radius:8px;box-shadow:0 6px 25px #14271920;font-size:13px;z-index:5;max-width:90%;text-align:center}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);min-height:78px;color:#71806b;font-size:10px;margin-top:20px}footer>span:last-child{font-size:8px;letter-spacing:2px}
@media(max-width:1050px){.shell{width:calc(100% - 48px)}.login-layout{padding:50px 15px;grid-template-columns:1fr 360px;gap:40px}.intro h1{font-size:37px}.mailbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:1fr 1fr 1.2fr}.metrics>div{padding:20px}.metric-feature{gap:12px}.feature-icon{display:none}td,th{padding:15px}.row-actions{gap:10px}}
@media(max-width:650px){.shell{width:calc(100% - 32px)}.header{height:81px}.brand{font-size:20px;gap:9px}.mark{width:36px;height:36px;font-size:26px}.brand small{font-size:6px}.header-right{gap:10px}#role-label{display:none}.demo-badge{font-size:9px;max-width:125px;padding:3px 7px}.login-layout{display:flex;flex-direction:column;gap:28px;padding:35px 4px;min-height:auto}.intro{width:100%}.intro h1{font-size:33px;margin:15px 0}.lead{font-size:13px}.provider-pills{margin-top:15px}.paper-art{display:none}.login-card{width:100%;padding:25px}.page-heading{padding-top:28px;flex-wrap:wrap;gap:19px}.page-heading h1{font-size:28px}.page-heading .muted{font-size:12px}.page-heading>.primary{padding:10px 13px}.metrics{grid-template-columns:1fr 1fr;margin-bottom:25px}.metrics>div{padding:17px 20px}.metrics .metric-feature{display:none}.metrics strong{font-size:28px}.metric-note{font-size:10px}.mailbox-grid{gap:12px}.mailbox-card{padding:16px 13px}.mailbox-card h3{font-size:15px}.mailbox-email{font-size:10px}.card-actions{flex-wrap:wrap;justify-content:flex-start;gap:7px 13px}.card-actions button{font-size:10px}.section-heading{align-items:center;gap:12px}.section-heading h2{font-size:17px}.section-heading .small{font-size:10px}.share-heading{align-items:flex-start}.share-heading p{max-width:200px;font-size:11px}.share-heading>button{font-size:11px;white-space:nowrap;padding:9px 12px}.table-wrap{border-radius:9px}.page-note{font-size:10px}.viewer-tools{width:100%;justify-content:space-between}.message-top,.message-bottom{padding:14px 18px}.message-top .small{font-size:10px}.message-meta{grid-template-columns:1fr;padding:20px;gap:13px}.message-body{padding:24px 21px 30px}.message-body h2{font-size:21px}.mail-text{font-size:13px}.otp-card{padding:14px;gap:8px}.otp-card strong{font-size:25px;letter-spacing:4px}.otp-card button{font-size:11px;padding:9px}.large{min-height:310px;padding:30px 23px}.message-bottom{font-size:9px}dialog{padding:24px 23px}.modal-head h2{font-size:21px}footer{font-size:9px;min-height:65px}footer>span:last-child{display:none}}
.form-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px}.form-columns>div{min-width:0}.form-columns select{padding-left:9px;font-size:12px}.provider-icon[data-provider="custom"]{background:#e8f0e3;color:#55764b}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}