*{box-sizing:border-box}body{margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f7fa;color:#1f2937}.center,.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-page{padding:24px;background:linear-gradient(135deg,#eef4ff,#f7f9fc 55%,#eef7f5)}.login-card{width:min(420px,100%);background:#fff;padding:34px;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 16px 50px #0f172a14}.brand{font-weight:800;letter-spacing:.08em;color:#2563eb;font-size:20px}.brand.small{padding:22px}h1{font-size:26px;margin:18px 0 8px}p{color:#64748b;line-height:1.7}input{width:100%;padding:12px 14px;border:1px solid #d7dce3;border-radius:9px;margin:7px 0;font-size:15px}button{border:0;border-radius:9px;background:#2563eb;color:#fff;padding:11px 18px;font-size:14px;cursor:pointer}.login-card button{width:100%;margin-top:10px}.hint{font-size:12px;color:#94a3b8;line-height:1.6;margin-top:16px}.error{color:#b91c1c;margin-top:12px}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#fff;border-right:1px solid #e5e7eb}nav{display:flex;flex-direction:column;padding:6px 12px;gap:4px}nav a{padding:11px 12px;border-radius:8px;color:#475569}nav a.active{background:#eff6ff;color:#1d4ed8;font-weight:600}main{min-width:0}header{height:72px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 28px}header span{display:block;color:#94a3b8;font-size:12px;margin-top:4px}.ghost,.secondary{background:#fff;color:#334155;border:1px solid #d7dce3}.panel{background:#fff;margin:24px;border:1px solid #e5e7eb;border-radius:14px;padding:24px}.panel h2{font-size:18px;margin-top:0}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.status-grid div{background:#f8fafc;border-radius:10px;padding:16px}.status-grid b,.status-grid span{display:block}.status-grid span{margin-top:8px;color:#475569}.form-inline{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:12px}.message{margin-top:10px;color:#475569}@media (max-width:760px){.layout{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #e5e7eb}.brand.small{padding:16px}nav{flex-direction:row;overflow:auto;padding:0 12px 12px}nav a{white-space:nowrap}.panel{margin:14px}.status-grid{grid-template-columns:1fr 1fr}header{padding:0 16px}.form-inline{grid-template-columns:1fr}}.compose-btn{width:calc(100% - 24px);margin:12px;padding:11px 14px}.compose-btn:disabled{opacity:.45;cursor:not-allowed}.compose-panel label{display:block;font-weight:600;margin:12px 0 6px}.compose-panel textarea{width:100%;box-sizing:border-box;resize:vertical}.outbound-list{display:flex;flex-direction:column;gap:10px}.outbound-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #e7e9ef;padding:12px 0}.outbound-row>div{display:flex;flex-direction:column;gap:4px}.outbound-row>div:last-child{text-align:right}.outbound-row span{font-size:13px;color:#697386}