*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#152033;font:14px Arial,sans-serif}header{background:#0c2340;color:#fff;padding:16px 4%;display:flex;justify-content:space-between;gap:20px}a{color:#1769d2}header a{color:#fff}main{max-width:1300px;margin:22px auto;padding:0 18px}.center-title{text-align:center;font-size:26px;margin:18px 0 26px}.card,.login{background:#fff;border-radius:8px;padding:22px;margin-bottom:20px;box-shadow:0 1px 8px #0001}.login{max-width:420px;margin:10vh auto}label{display:block;font-weight:700;margin:10px 0}small{display:block;color:#657286;font-weight:400;margin-top:5px}input,select,textarea{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid #cbd4df;border-radius:5px;background:#fff}button{border:0;border-radius:5px;background:#1769d2;color:#fff;padding:10px 18px;cursor:pointer}.mailer-grid{display:grid;grid-template-columns:36% 64%;gap:24px;background:#fff;padding:20px;border-radius:8px}.settings-panel,.editor-panel{min-width:0}.send-button{width:100%;font-size:15px}.result-box{min-height:70px;padding:12px;border:1px solid #ccd5df;background:#fafafa;white-space:pre-wrap}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.metric{background:#fff;border-radius:8px;padding:16px;text-align:center;box-shadow:0 1px 8px #0001}.metric strong{display:block;font-size:25px;margin-top:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px}.wide{grid-column:1/-1}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inline,.rowform{display:flex;gap:10px;align-items:center;margin:8px 0}.inline select{width:auto}.rowform span{flex:1}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #dce3ec;text-align:left}.badge{padding:4px 8px;border-radius:12px;background:#e5e7eb}.badge.completed{background:#dcfce7;color:#166534}.badge.running{background:#dbeafe;color:#1d4ed8}.badge.failed,.badge.stopped{background:#fee2e2;color:#991b1b}.error{background:#fee2e2;color:#991b1b;padding:12px}.notice{background:#dcfce7;color:#166534;padding:12px;margin-bottom:15px}@media(max-width:750px){.mailer-grid,.grid,.twocol{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}.wide{grid-column:auto}header{display:block}nav{margin-top:8px}}