*{box-sizing:border-box}body{color:#16243e;background:#f3f6fb;margin:0;font:16px/1.5 Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;color:#253956;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 16px;font-weight:600}button:hover{background:#eff6ff;border-color:#2563eb}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus,textarea:focus{outline-offset:2px;outline:3px solid #93c5fd}header{background:#fff;border-bottom:1px solid #e0e6ef;align-items:center;gap:24px;padding:20px 4%;display:flex}.brand{color:#16243e;align-items:center;gap:12px;font-size:23px;font-weight:750;text-decoration:none;display:flex}.blue{color:#2563eb}.account{color:#52637b;margin-left:auto;font-size:14px}main{max-width:1320px;margin:auto;padding:42px 32px}.title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}h1{letter-spacing:-.8px;margin:10px 0 12px;font-size:32px;line-height:1.2}.title p{color:#52637b;margin:0}.eyebrow{letter-spacing:1.5px;color:#2563eb;font-size:12px;font-weight:700}.tag{white-space:nowrap;background:#e6edf8;border-radius:20px;padding:7px 12px;font-size:13px}.layout{grid-template-columns:1.12fr 1fr;gap:26px;display:grid}section{background:#fff;border:1px solid #dfe6ef;border-radius:14px;margin-bottom:22px;padding:26px;box-shadow:0 3px 8px #142b4a03}h2{align-items:center;gap:12px;margin:0 0 20px;font-size:18px;display:flex}h2 b{color:#2563eb;background:#eff4ff;border-radius:6px;padding:5px 8px;font-size:13px}.upload{cursor:pointer;text-align:center;background:#f8faff;border:1px dashed #9ab5df;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:22px;display:flex}.upload span{color:#52637b;font-size:14px}.upload input{max-width:100%;margin-top:8px;font-size:14px}.stats{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.stats div{flex-direction:column;display:flex}.stats strong{font-size:26px}.stats span{color:#607089;font-size:12px}label{font-size:14px;font-weight:600;display:block}input:not([type=file]),textarea{color:#16243e;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;margin:8px 0 17px;padding:12px;display:block}textarea{resize:vertical;line-height:1.65}.labelrow{justify-content:space-between;align-items:center;gap:12px;display:flex}.chips{gap:5px;display:flex}.chips button{color:#2457a6;background:#eff6ff;border:0;padding:5px 7px;font-size:12px}.hint{color:#5d6b80;margin:8px 0 18px;font-size:13px}.preview{padding:0;overflow:hidden}.previewhead{color:#fff;background:#182b4c;justify-content:space-between;align-items:center;padding:20px 26px;display:flex}.previewhead h2{margin:0}.previewhead span{letter-spacing:1px;color:#b8d2ff;font-size:11px}.mailhead{align-items:center;gap:12px;padding:25px 26px 0;display:flex}.avatar{color:#2563eb;background:#e9f0ff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.mailhead small{color:#627187;font-size:12px;display:block}.to{color:#627187;padding:0 26px;font-size:13px}.preview h3{margin:24px 0 16px;padding:0 26px;font-size:21px}.mailbody{white-space:pre-wrap;overflow-wrap:anywhere;color:#334155;min-height:245px;padding:0 26px 30px;line-height:1.8}.pager{color:#607089;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;display:flex}.pager button{padding:4px 12px}.wide{width:100%;margin-top:8px}.primary{color:#fff;background:#2563eb;border-color:#2563eb;padding:13px}.primary:hover{color:#fff;background:#1d4ed8}.secondary{color:#2563eb}.notice{overflow-wrap:anywhere;margin-top:14px;font-size:14px;line-height:1.5}details{background:#e9eff8;border:1px solid #d8e2f0;border-radius:12px;margin:10px 0 24px;padding:20px 26px}summary{cursor:pointer;font-weight:600}details p{max-width:880px;font-size:14px}details a{color:#1d4ed8}details input{max-width:800px}.report h2{margin:0}.scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{color:#607089;font-weight:600}th,td{border-bottom:1px solid #e7edf5;padding:12px 10px}.empty{text-align:center;color:#6a7b93;padding:25px}footer{text-align:center;color:#64748b;padding:10px;font-size:13px}@media (width<=900px){main{padding:24px 16px}.layout{grid-template-columns:1fr}.account{display:none}header{justify-content:space-between;gap:10px}.title{display:block}.tag{margin-top:16px;display:inline-block}h1{font-size:27px}.labelrow{flex-direction:column;align-items:flex-start}.chips{flex-wrap:wrap}section{padding:20px}.stats span{font-size:12px}.brand{font-size:20px}}.content-tools{flex-wrap:wrap;gap:18px;margin-bottom:18px;display:flex}.content-tools select{font:inherit;border:1px solid #cbd5e1;border-radius:8px;margin-top:7px;padding:9px;display:block}.content-import input{max-width:270px;margin-top:9px;font-size:13px;display:block}.html-preview{background:#fff;border:0;width:100%;height:740px;display:block}.image-warning{color:#9a3412;background:#fff7ed;padding:16px;font-size:14px}#body{font-family:Consolas,monospace;font-size:14px}.auth-notice{color:#203e70;background:#eaf1ff;border:1px solid #b8cbed;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:16px 20px;display:flex}.auth-notice span{overflow-wrap:anywhere;flex:1}.auth-notice button{flex-shrink:0}@media (width<=600px){.auth-notice{flex-direction:column;align-items:stretch}}.error-detail{overflow-wrap:anywhere;white-space:normal;min-width:240px;max-width:520px;font-size:13px}