:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#202c2a;background:#f5f7f6;font-size:14px;letter-spacing:0;--green:#167560;--line:#e2e8e5;--muted:#788780}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid #dbe3df;border-radius:6px;background:#fff;color:#34443d;cursor:pointer;white-space:nowrap}button:hover{background:#edf3ef}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#0c6652}button.danger{background:#b94242;color:white;border-color:#b94242}button.icon{width:36px;height:36px;min-width:36px;min-height:36px;padding:8px;background:transparent;border-color:transparent}button.icon:hover{background:#e7eeea}svg{width:18px;height:18px;flex-shrink:0}input,select,textarea{width:100%;border:1px solid #d9e1dc;background:#fff;border-radius:5px;padding:10px;color:#27372f;min-height:40px}input:focus,select:focus,textarea:focus{outline:2px solid #8cbcac;outline-offset:1px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#58675f;margin:14px 0}textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:12px;line-height:1.8}h1,h2,h3,p{margin:0}h1{font-size:26px;font-weight:650;margin-top:8px}h2{font-size:15px;font-weight:600}button:focus-visible{outline:2px solid #167560;outline-offset:3px}.topbar{height:68px;background:#172822;color:#fff;padding:0 30px;display:flex;justify-content:space-between;align-items:center}.brand,.top-actions{display:flex;align-items:center;gap:12px}.brand-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;background:#b4d9b8;color:#234633}.brand strong{font-size:18px}.brand-sub{font-size:10px;color:#95ada1;border-left:1px solid #466050;padding-left:14px}.private{display:flex;align-items:center;gap:6px;color:#bed2c5;font-size:12px}.topbar .icon{color:#c5d9cd}.topbar .icon:hover{background:#33473b}.workspace{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100dvh - 68px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:26px 16px 0;display:flex;flex-direction:column;min-width:0}.side-title{display:flex;justify-content:space-between;align-items:center;padding:0 4px 12px}.side-title span{font-size:12px;color:#788780;margin-left:5px}.import-button{width:100%;color:var(--green);background:#f4f8f5;border-style:dashed}.search{display:flex;align-items:center;margin:20px 0 12px;position:relative}.search svg{position:absolute;left:10px;color:#8b9891;width:15px}.search input{padding-left:32px;background:#f6f8f7;border:0;font-size:12px}.accounts{flex:1;overflow:auto;max-height:calc(100dvh - 320px);min-height:180px}.account{display:flex;align-items:center;gap:9px;width:100%;padding:13px 10px;border:0;border-radius:5px;justify-content:flex-start;text-align:left;min-height:64px;margin:3px 0;white-space:normal}.account.active{background:#eaf3ed}.avatar{width:30px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#edf0fa;color:#6573a2;flex-shrink:0;font-size:12px;font-weight:650}.account:nth-child(3n) .avatar{background:#fbefe1;color:#ae793d}.account:nth-child(3n + 2) .avatar{background:#e4efec;color:#387f71}.account-info{min-width:0;flex:1}.account-email{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.account-status{display:block;color:var(--muted);font-size:11px;margin-top:5px}.account-status.failed{color:#b64c4c}.account-status.success{color:var(--green)}.side-bottom{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);height:58px;color:#839087;font-size:12px;margin-top:16px}.side-bottom .icon{margin-left:auto}.main{padding:32px 34px 18px;max-width:1500px;width:100%;margin:auto;align-self:start;min-width:0}.page-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.eyebrow{font-size:10px;font-weight:600;color:#809088}.commands{display:flex;gap:8px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0 28px;padding:20px 0}.stats>div{padding:0 22px;border-right:1px solid var(--line)}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats span{font-size:12px;color:var(--muted);display:block}.stats strong{font-size:27px;font-weight:550;display:block;margin-top:9px;font-variant-numeric:tabular-nums}.stats>div:nth-child(2) strong{color:var(--green)}.stats>div:nth-child(3) strong{color:#967324}.stats>div:nth-child(4) strong{color:#a36c68}.inbox{background:#fff;min-height:440px;border-top:2px solid #c7d7cc}.inbox-bar{display:flex;justify-content:space-between;align-items:center;padding:22px;gap:12px}.selected{display:flex;align-items:center;gap:13px;min-width:0}.selected>svg{color:#708479;width:22px;height:22px}.selected>div{min-width:0}.selected h2{overflow-wrap:anywhere;font-size:14px}.selected span{font-size:11px;color:var(--muted);display:block;margin-top:6px}.filterbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);gap:8px}.tabs{display:flex;gap:20px}.tabs button{padding:12px 0;border:0;border-bottom:2px solid transparent;border-radius:0;color:#829087;min-height:46px;font-size:12px;background:none}.tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.tabs span{font-size:10px;background:#edf3ef;border-radius:4px;padding:2px 5px}#fetch-time{font-size:10px;color:#8b978f}.empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#839087;gap:14px}.empty svg{width:44px;height:44px;stroke-width:1.2;color:#a5b9ab}.empty p{font-size:13px}.empty button{margin-top:5px}.side-empty{padding:50px 0;text-align:center;color:#9ba59f;font-size:12px}.mail-row{padding:20px 22px;border-bottom:1px solid #edf1ee;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:14px;align-items:start}.mail-icon{width:32px;height:32px;background:#f0f5f1;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6f8979}.subject{display:block;font-weight:550;border:0;padding:0;min-height:24px;background:none;white-space:normal;text-align:left;justify-content:flex-start;overflow-wrap:anywhere}.subject:hover{background:none;color:var(--green)}.mail-meta{font-size:11px;color:#8a958d;margin:5px 0 10px;overflow-wrap:anywhere}.preview{font-size:12px;color:#7c8880;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin-top:8px}.codes{display:flex;gap:8px;flex-wrap:wrap}.code{font-family:ui-monospace,monospace;font-size:17px;min-height:35px;padding:5px 10px;border:1px solid #cfe4d7;background:#f0f8f2;color:#1a7052;gap:14px}.code svg{width:13px;height:13px}.link-button{font-size:11px;color:#6d78a0;border:1px solid #e0e5ef;min-height:35px}.mail-date{font-size:10px;color:#8b978f;text-align:right;white-space:nowrap}.workspace-footer{display:flex;justify-content:space-between;color:#97a39b;font-size:10px;padding-top:18px;gap:15px}.workspace-footer span{display:flex;align-items:center;gap:6px}.workspace-footer svg{width:12px;height:12px}.notice{margin:0;padding:12px 22px;background:#fff8e9;color:#956d28;font-size:12px;line-height:1.7}.error{color:#b44343;font-size:12px;line-height:1.7}.notice.error{background:#fff0ed}dialog{border:1px solid #dce4df;border-radius:8px;box-shadow:0 24px 80px #152c2926;padding:26px;max-width:560px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;color:#27362e}dialog::backdrop{background:#11241d66;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.dialog-head h2{font-size:18px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{min-width:0}dialog label{margin-top:16px}.file-picker{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12px}.file-picker input{font-size:11px;min-height:30px;border:0;max-width:240px;padding:3px}.message-dialog{max-width:760px}.message-dialog h3{font-size:20px;overflow-wrap:anywhere}#detail-meta{font-size:12px;color:#819086;margin:14px 0;overflow-wrap:anywhere}#detail-body{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.85 inherit;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}#detail-links{display:flex;flex-direction:column;gap:8px;margin-top:16px}#detail-links a{font-size:12px;color:var(--green);overflow-wrap:anywhere}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#253d30;color:#fff;border-radius:6px;box-shadow:0 8px 24px #182d2326;font-size:13px;z-index:1000;max-width:90%;overflow-wrap:anywhere}.login-page{min-height:100dvh;display:flex;flex-direction:column;background:#f5f7f6}.login-brand{display:flex;align-items:center;gap:12px;padding:30px;font-size:12px;color:#53715d}.login-form{width:340px;max-width:calc(100% - 40px);margin:auto;padding:50px 0}.login-form h1{font-size:34px;margin:12px 0 35px}.login-form .primary{width:100%;margin-top:16px;justify-content:space-between;height:44px}.login-page footer{padding:25px;display:flex;gap:8px;align-items:center;justify-content:center;color:#8ca092;font-size:12px}.login-page footer svg{width:13px}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}@media(max-width:1000px){.workspace{grid-template-columns:220px minmax(0,1fr)}.main{padding:26px 20px}.brand-sub{display:none}.inbox-bar{padding:18px 14px}.inbox-bar .commands{gap:1px}.inbox-bar .primary{font-size:12px;padding:8px}.tabs{gap:14px}.filterbar{padding:0 14px}#fetch-time{display:none}.mail-row{padding:18px 14px;gap:9px}.stats>div{padding:0 12px}}@media(max-width:700px){.topbar{height:60px;padding:0 16px}.private{font-size:0;gap:0}.workspace{display:block;min-height:calc(100dvh - 60px)}.sidebar{padding:12px 16px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px}.side-title{padding:0}.import-button{width:auto;padding:8px 12px}.search{margin:0;grid-column:1/-1}.accounts{grid-column:1/-1;display:flex;gap:6px;min-height:0;max-height:150px;overflow:auto}.account{width:200px;flex-shrink:0;min-height:54px;padding:9px}.side-empty{padding:10px}.side-bottom{display:none}.main{padding:22px 16px}.page-title{align-items:flex-end}.page-title h1{font-size:23px}.commands{gap:5px}.page-title button{font-size:12px;padding:8px}.page-title button svg{width:14px}.stats{margin:20px 0;padding:16px 0}.stats span{font-size:10px}.stats strong{font-size:23px}.stats>div{padding:0 9px}.inbox-bar{flex-wrap:wrap;gap:14px}.inbox-bar>.commands{margin-left:auto}.selected{width:100%}.mail-row{grid-template-columns:25px minmax(0,1fr)}.mail-icon{width:25px;height:28px}.mail-date{grid-column:2;text-align:left}.inbox{min-height:350px}.empty{min-height:240px}.workspace-footer{font-size:9px}.form-grid{gap:10px}dialog{padding:20px}.file-picker{flex-wrap:wrap}.brand strong{font-size:16px}}@media(prefers-reduced-motion:reduce){.spinning{animation:none}}
:root .main{margin:0 auto}
.empty button svg{width:18px;height:18px}