:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#202124;background:#fff;font-synthesis:none;--ink:#202124;--muted:#73767b;--line:#e7e7e9;--soft:#f7f7f8;--sidebar:#f6f6f7;--danger:#b33831;--radius:12px}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.46}a{color:inherit}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:26px;line-height:1.35;font-weight:650;letter-spacing:-.6px}h2{font-size:15px;line-height:1.5;font-weight:600}h3{font-size:15px;font-weight:600}p{line-height:1.75}svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted);font-size:13px}.eyebrow{display:none}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#72887b}
.app-shell{min-height:100vh;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:240px;padding:25px 16px 15px;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid #ededee;transition:transform .2s ease;overflow-y:auto;overscroll-behavior:contain}.sidebar-heading{display:flex;align-items:center;gap:6px;padding:0 8px}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:650;white-space:nowrap;line-height:1.4;letter-spacing:-.2px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#242528;color:#fff;border-radius:10px}.brand-mark svg{width:23px;height:23px;stroke-width:1.6}.brand small{display:block;margin-top:4px;font-size:11px;font-weight:400;color:#87898c;letter-spacing:.4px}.workspace-label{margin:36px 12px 10px;color:#96989b;font-size:11px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:#5c5f64;font-size:13px;text-align:left;transition:background .15s,color .15s}.nav-item:hover{background:#ededee;color:var(--ink)}.nav-item.active{background:#e8e8ea;color:#202124;font-weight:600}.nav-icon{width:19px;height:19px}.sidebar-bottom{margin-top:auto;padding:32px 10px 0}.service-state{display:flex;align-items:center;gap:7px;font-size:11px;color:#707378}.sidebar-bottom p{margin-top:7px;font-size:11px;line-height:1.75;color:#929499}.account-block{display:flex;align-items:center;gap:9px;margin-top:20px;padding-top:17px;border-top:1px solid #e4e4e6}.account-avatar{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#e8e8ea;color:#686b70;border-radius:50%}.account-avatar svg{width:19px;height:19px}#account-label{min-width:0;font-size:12px;line-height:1.65;color:#55585e;overflow-wrap:anywhere}.logout-button{display:flex;align-items:center;gap:9px;width:100%;margin-top:12px;padding:9px 0;border:0;background:none;color:#7a7d82;text-align:left;font-size:12px}.logout-button svg{width:17px;height:17px}.logout-button:hover{color:var(--ink)}.icon-button{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;padding:7px;border:0;border-radius:7px;color:#6f7277;background:transparent}.icon-button:hover{background:#f0f0f1;color:#27292d}.sidebar-close{display:none;margin-left:auto}.sidebar-backdrop{position:fixed;inset:0;z-index:30;background:#11121652;border:0}.main-area{min-width:0;min-height:100vh;min-height:100dvh;margin-left:240px;display:flex;flex-direction:column;transition:margin-left .2s ease}body[data-sidebar-collapsed="true"] .sidebar{transform:translateX(-100%)}body[data-sidebar-collapsed="true"] .main-area{margin-left:0}
.topbar{min-height:64px;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #f0f0f1}.topbar-left,.topbar-right{display:flex;align-items:center;min-width:0;gap:15px}.topbar-left{flex-shrink:0;gap:12px}#page-label{color:#5b5e63;font-size:13px}#company-label{font-size:12px;color:#7a7d82;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-label{flex-shrink:0;font-size:11px;color:#929499;white-space:nowrap}.time-label span{margin-left:5px;font-size:10px}.content{width:100%;max-width:1240px;margin:0 auto;padding:38px 40px 48px;flex:1}.page{min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading .muted{margin-top:9px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.compose-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(300px,1fr);align-items:start;gap:24px}.editor-card{padding:24px}.sender-picker{margin:0;padding-bottom:21px}.tabs{display:flex;align-items:center;gap:23px;margin:0 -24px 24px;padding:0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tab{display:flex;align-items:center;gap:7px;min-height:52px;padding:14px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:#929499;font-size:13px}.tab.active{border-bottom-color:#25262a;color:#25262a;font-weight:600}.mini-label{display:inline-flex;align-items:center;border:1px solid #e8e8ea;padding:2px 6px;border-radius:5px;color:#85888d;font-size:10px;font-weight:400;line-height:1.5}.section-label{display:flex;align-items:center;gap:8px;margin:25px 0 15px;font-size:13px;font-weight:600;color:#42454a}.section-label:first-child{margin-top:0}.section-label>span:first-child{color:#a1a3a8;font-size:10px;font-weight:400;font-variant-numeric:tabular-nums}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:block;margin-bottom:17px;color:#5a5d63;font-size:13px;font-weight:500;line-height:1.65}.required{color:#a4a6aa;margin-left:2px;font-weight:400}input,select{display:block;width:100%;min-width:0;min-height:42px;margin-top:7px;padding:10px 11px;border:1px solid #dedfe2;border-radius:7px;background:#fff;color:#36393e;outline:none;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#a4a6ab;font-size:12px}input:hover,select:hover{border-color:#c3c5ca}input:focus,select:focus{border-color:#858991;box-shadow:0 0 0 3px #2c323b0b}input:disabled,fieldset:disabled input,select:disabled{background:#f7f7f8;color:#8b8e94}input[type="datetime-local"]{font-size:13px}.field-help{display:block;margin-top:8px;color:#7f838a;font-size:12px;font-weight:400;line-height:1.8;overflow-wrap:anywhere}.time-help{margin-top:-7px}.radio-row{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin:0 0 19px}.radio-option{display:flex;align-items:center;gap:7px;margin:0;color:#55585e;font-size:13px;font-weight:400;cursor:pointer}.radio-option input{width:15px;height:15px;min-height:0;margin:0;padding:0;accent-color:#303236}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s}.button svg{width:16px;height:16px}.button.primary{background:#25262a;color:#fff;border-color:#25262a}.button.primary:hover:not(:disabled){background:#414348;border-color:#414348}.button.secondary{background:#fff;color:#62656b;border-color:#dedfe2}.button.secondary:hover:not(:disabled){background:#f7f7f8;border-color:#c4c6cb}.button.full{width:100%;margin-top:7px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:21px;margin-top:24px;border-top:1px solid var(--line)}.form-actions .field-help{margin-top:0}
.preview-column{min-width:0}.preview-card{overflow:hidden;padding:23px 23px 0}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title h2{font-size:14px}.preview-envelope{display:grid;place-items:center;width:38px;height:38px;margin:29px 0 19px;border-radius:10px;background:#f4f4f5;color:#96999e}.preview-envelope svg{width:22px;height:22px}.preview-subject{font-size:14px;font-weight:600;line-height:1.8;overflow-wrap:anywhere}.preview-body{margin:17px 0 29px;min-height:216px;font:13px/2 "Segoe UI","Microsoft YaHei",sans-serif;color:#737881;white-space:pre-wrap;overflow-wrap:anywhere}.preview-footer{display:flex;align-items:center;gap:7px;padding:13px 23px;margin:0 -23px;border-top:1px solid #eeeeef;background:#fafafa;font-size:11px;color:#96989e}.preview-footer .status-dot{background:#a6a8ad;width:5px;height:5px}.quiet-note{padding:23px 4px 0}.quiet-note strong{color:#76797f;font-size:12px;font-weight:500}.quiet-note p{margin-top:8px;color:#868a92;font-size:12px;line-height:1.85}.app-footer{display:flex;justify-content:space-between;gap:12px;width:100%;max-width:1240px;margin:0 auto;padding:0 40px 21px;color:#b0b2b6;font-size:10px}.message{padding:12px 14px;margin:15px 0;border:1px solid #dce7df;border-radius:8px;background:#f5f9f6;color:#506d5a;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.message.error{color:var(--danger);border-color:#edd8d6;background:#fff8f7}.message.warning{color:#8b6b30;border-color:#ecdfc5;background:#fdfaf3}.message.info{color:#567186;border-color:#dbe3eb;background:#f5f8fb}.toast{position:fixed;z-index:60;top:18px;right:24px;max-width:min(440px,calc(100vw - 32px));padding:13px 18px;border:1px solid #4d4f54;border-radius:10px;background:#303236;color:#fff;box-shadow:0 10px 35px #1518211a;font-size:13px;line-height:1.75;overflow-wrap:anywhere}.toast.error{background:#8d403b;border-color:#8d403b}
.batch-copy{margin-bottom:12px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:6px;color:#565a62;font-size:12px;font-weight:500;text-decoration:none}.text-link svg{width:15px;height:15px}.text-link:hover{text-decoration:underline}.upload-box{display:flex;flex-direction:column;align-items:center;gap:9px;padding:27px 14px;margin:24px 0;border:1px dashed #cfd1d6;border-radius:9px;background:#fafafa;text-align:center;cursor:pointer}.upload-box:hover{border-color:#a4a7af;background:#f7f7f8}.upload-box>span{color:#96989e;font-size:11px;font-weight:400}.upload-box .upload-icon{display:grid;place-items:center;width:34px;height:34px;background:#ededee;color:#888c93;border-radius:9px}.upload-box strong{font-size:13px;font-weight:500}.upload-box input{width:auto;max-width:100%;min-height:0;padding:3px;border:0;background:transparent;font-size:11px}.upload-box input::file-selector-button{margin-right:10px;padding:6px 9px;border:1px solid #d5d7dc;border-radius:5px;background:#fff;color:#666a72;font:inherit;cursor:pointer}.count-label{margin-left:auto;font-size:11px;font-weight:400;color:#92959b}.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;text-align:left}th{padding:13px 20px;border-bottom:1px solid var(--line);background:#fafafa;color:#8b8e95;font-size:11px;font-weight:400;white-space:nowrap}td{padding:18px 20px;border-bottom:1px solid #efeff0;vertical-align:top;color:#60646c;font-size:12px;line-height:1.8;overflow-wrap:anywhere}td strong{display:block;color:#42464e;font-size:12px;font-weight:500}td small{display:block;max-width:240px;margin-top:3px;color:#979aa1;font-size:11px;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}.batch-table{min-width:540px}.batch-table th,.batch-table td{padding:10px}.batch-table td{font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-card{padding:19px 20px;border:1px solid var(--line);border-radius:11px;background:#fff}.stat-card>span{font-size:12px;color:#7a7e86}.stat-card strong{display:block;margin:12px 0 4px;font-size:29px;font-weight:500;line-height:1.3;color:#35383e;font-variant-numeric:tabular-nums}.stat-card small{display:block;color:#a0a3aa;font-size:10px;line-height:1.7}.records-card{overflow:hidden}.records-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 23px}.records-toolbar h2{font-size:14px}.filter-label{display:flex;align-items:center;gap:9px;margin:0;font-size:11px;font-weight:400;white-space:nowrap}.filter-label select{width:auto;min-width:160px;min-height:36px;padding:7px 10px;margin:0;font-size:12px}.records-card>.message{margin:0 20px 15px}.jobs-table{min-width:790px}.badge{display:inline-block;padding:4px 8px;border-radius:5px;background:#f1f1f3;color:#858990;font-size:10px;line-height:1.6;white-space:nowrap}.badge.queued{color:#947133;background:#fbf4e7}.badge.sending{color:#627c97;background:#eef4fa}.badge.sent{color:#648572;background:#edf5ef}.badge.failed,.badge.expired{color:#ad6d65;background:#fcf0ed}.badge.uncertain{color:#9b7b43;background:#fff5df}.record-action{padding:4px 0;border:0;background:transparent;color:#666a73;font-size:11px;text-align:left}.record-action:hover{color:#24262b;text-decoration:underline}.empty-state{padding:64px 20px;text-align:center}.empty-state>span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 17px;border-radius:12px;background:#f5f5f6;color:#a0a4ac}.empty-state h3{color:#696d75;font-size:14px}.empty-state p{color:#969aa2;font-size:12px;margin:9px 0 22px}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(300px,1fr);align-items:start;gap:24px}.settings-layout>div{min-width:0}.settings-card,.mailbox-card,.members-card{padding:24px}.settings-card fieldset{min-width:0;border:0;padding:0;margin:0}.settings-aside{min-width:0}.settings-aside>.card{padding:23px}.settings-aside .muted{margin-top:16px;font-size:12px}.network-urls{display:grid;gap:8px;list-style:none;margin:16px 0;padding:0}.network-urls li{padding:10px 12px;border-radius:6px;background:#f7f7f8;color:#6d7280;font-size:12px;overflow-wrap:anywhere}.network-urls a{text-decoration:none}.network-urls a:hover{text-decoration:underline}.text-button{min-height:0;padding:5px 0;background:none;color:#858992;font-size:12px}.mailbox-card{margin-top:22px}.mailbox-card>.card-title h2{font-size:14px}.mailbox-card .card-title .button{min-height:34px;padding:7px 11px;font-size:11px}.mailbox-list{margin-top:18px}.mailbox-row{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-top:1px solid var(--line)}.mailbox-row>div:first-child{min-width:0}.mailbox-row strong{display:block;color:#575b64;font-size:12px;font-weight:500;overflow-wrap:anywhere}.mailbox-row small{display:block;margin:6px 0;color:#9297a1;font-size:11px;overflow-wrap:anywhere}.mailbox-row .badge{font-size:10px;padding:3px 6px}.row-actions{display:flex;justify-content:flex-end;align-content:flex-start;gap:7px 12px;flex-wrap:wrap;width:140px;max-width:40%;flex-shrink:0}.row-actions .record-action{white-space:nowrap;font-size:11px}.mailbox-card #mailbox-empty{margin:18px 0 3px;font-size:12px}#mailbox-form{padding-top:22px;margin-top:10px;border-top:1px solid var(--line)}.members-card{margin-bottom:24px}.members-card h2{font-size:14px}.inline-form{display:flex;align-items:flex-end;gap:16px;margin-top:18px}.inline-form label{flex:1;min-width:0;margin:0}.inline-form .button{margin-bottom:0}.invitation-card{margin-top:24px}.list-empty{padding:20px 23px;font-size:12px}#page-members .records-card table{min-width:610px}#page-members .invitation-card table{min-width:480px}
.auth-view{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 24px 60px;background:#fff}.auth-intro{margin-bottom:33px}.auth-intro .brand{font-size:17px;font-weight:600;gap:11px}.auth-intro .brand-mark{width:37px;height:37px;border-radius:11px}.auth-card{width:100%;max-width:380px;padding:0}.auth-card h2{text-align:center;font-size:25px;font-weight:600;letter-spacing:-.4px;margin-bottom:10px}.auth-card>.muted{margin:0 auto 27px;text-align:center;font-size:12px;line-height:1.85}.auth-card label{margin-bottom:17px;font-size:12px}.auth-card input{min-height:46px;border-radius:8px}.auth-card .field-help{margin-bottom:17px}.auth-card .button{min-height:44px;margin-top:9px;border-radius:8px;font-size:13px}.auth-card .form-grid{gap:13px}.auth-switch{display:flex;gap:3px;padding:4px;margin-bottom:25px;background:#f4f4f5;border-radius:9px}.auth-switch button{flex:1;padding:9px;border:0;border-radius:6px;background:transparent;color:#969aa3;font-size:12px}.auth-switch button.active{background:#fff;color:#4d525c;box-shadow:0 1px 4px #20242c0c}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:19px}.auth-links button{padding:0;border:0;background:none;color:#8c919b;font-size:11px;line-height:1.8;text-align:left}.auth-links button:hover{color:#343943;text-decoration:underline}.auth-footnote{margin-top:28px;padding-top:22px;border-top:1px solid #efeff1;color:#a0a4ad;text-align:center;font-size:11px;line-height:1.8}.auth-card #onboarding-logout{margin-top:17px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #737e90;outline-offset:3px}
@media(min-width:1600px){.content{padding-top:46px}}
@media(max-width:1250px){.content{padding:31px 28px 40px}.compose-layout,.settings-layout{gap:20px;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.editor-card,.settings-card,.mailbox-card{padding:21px}.tabs{margin-left:-21px;margin-right:-21px;padding:0 21px}.topbar{padding-left:22px;padding-right:26px}.app-footer{padding-left:28px;padding-right:28px}.form-grid{gap:13px}.stat-card{padding:17px 15px}.stats-grid{gap:12px}.row-actions{width:120px;gap:7px 10px}}
@media(max-width:1100px){.compose-layout,.settings-layout{grid-template-columns:minmax(0,1fr)}.preview-column{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:23px}.preview-body{min-height:0}.preview-envelope{margin-top:22px}.preview-column .quiet-note{padding-top:7px}.settings-aside{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:23px}.settings-aside .quiet-note{padding-top:7px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-label{display:none}}
@media(max-width:760px){.sidebar{width:min(280px,85vw);padding-top:22px;transform:translateX(-100%);box-shadow:12px 0 45px #1b202110}body[data-sidebar-open="true"] .sidebar{transform:translateX(0)}body[data-sidebar-open="true"]{overflow:hidden}.sidebar-close{display:grid}.sidebar-heading{padding-left:7px;padding-right:0}.sidebar-bottom{padding-top:28px}.main-area{margin-left:0}.topbar{min-height:60px;padding:10px 17px 10px 12px;gap:14px}.topbar-left{gap:7px}#page-label{font-size:12px}#company-label{font-size:11px;max-width:150px}.content{padding:28px 20px 37px}.page-heading{margin-bottom:24px;gap:12px}.page-heading h1{font-size:25px}.page-heading .muted{font-size:12px;margin-top:7px}.page-heading>.button{padding:9px 11px;gap:6px;min-height:36px;font-size:11px}.page-heading>.button svg{width:14px;height:14px}.compose-layout,.settings-layout{gap:20px}.editor-card,.settings-card,.mailbox-card,.members-card{padding:22px}.tabs{margin-left:-22px;margin-right:-22px;padding:0 22px}.preview-column,.settings-aside{display:block}.preview-column .quiet-note,.settings-aside .quiet-note{padding:21px 4px 0}.preview-body{min-height:0}.app-footer{padding:0 20px 18px}.records-toolbar{padding:18px 20px}.inline-form{align-items:stretch;flex-direction:column;gap:13px}.inline-form .button{align-self:flex-end}.toast{top:12px;right:16px}.auth-view{padding-top:36px;padding-bottom:40px}}
@media(max-width:520px){.content{padding:26px 16px 34px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading>.button{margin-top:1px}.form-grid{grid-template-columns:minmax(0,1fr);gap:0}.editor-card,.settings-card,.mailbox-card,.members-card{padding:20px}.tabs{margin-left:-20px;margin-right:-20px;padding:0 20px}.preview-card{padding:20px 20px 0}.preview-footer{padding-left:20px;padding-right:20px;margin-left:-20px;margin-right:-20px}.button{padding:10px 12px;font-size:12px}.form-actions{gap:9px}.form-actions .field-help{font-size:10px}.records-toolbar{flex-wrap:wrap;gap:12px;padding:17px 18px}.filter-label{margin-left:auto}.filter-label select{min-width:142px}.stats-grid{gap:11px}.stat-card{padding:17px 14px}.stat-card>span{font-size:11px}.stat-card strong{font-size:27px}.stat-card small{font-size:10px}.mailbox-row{flex-direction:column;gap:8px}.row-actions{width:100%;max-width:none;justify-content:flex-start;gap:8px 16px}.upload-box{padding-left:10px;padding-right:10px}.upload-box>span{font-size:10px}.app-footer{padding-left:17px;padding-right:17px}.auth-intro{margin-bottom:29px}.auth-card h2{font-size:24px}}
.topbar{position:sticky;top:0;z-index:20;background:#fff}.preview-card{scroll-margin-top:80px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}