:root{--navy:#17324d;--green:#168a52;--bg:#f4f7fb;--line:#d8e2ec;--muted:#6b7c8f;--red:#b83a3a}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:#243447}
header{background:white;border-bottom:1px solid var(--line);padding:16px 26px;display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:10}
.brand{font-size:25px;font-weight:750;color:var(--navy)}nav{display:flex;gap:10px;flex:1}nav a{color:#34495e;text-decoration:none;padding:8px 12px;border-radius:8px}nav a:hover{background:#eef3f7}
main{max-width:1280px;margin:22px auto;padding:0 20px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:0 1px 3px rgba(0,0,0,.025)}
h1,h2,h3{color:var(--navy);margin-top:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.stat{font-size:28px;font-weight:700;color:var(--navy)}
.btn,button{display:inline-block;border:1px solid #c7d3df;background:#edf2f6;color:#243447;border-radius:7px;padding:9px 13px;text-decoration:none;cursor:pointer;font:inherit}
.btn.primary,button.primary{background:var(--green);border-color:var(--green);color:white}.btn.danger,button.danger{background:var(--red);border-color:var(--red);color:white}.btn.small,button.small{padding:5px 8px;font-size:13px}
input,select,textarea{width:100%;border:1px solid #cbd6e1;border-radius:7px;padding:9px;background:white;font:inherit}input[type=checkbox]{width:auto}
label{font-weight:600;display:block;margin-bottom:5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.full{grid-column:1/-1}
table{border-collapse:collapse;width:100%}th,td{padding:9px 8px;border-bottom:1px solid #e5ebf0;text-align:left;font-size:14px}th{color:#52677b;background:#f7f9fb;position:sticky;top:69px}
.flash{padding:11px 14px;border-radius:8px;margin-bottom:12px}.flash.ok{background:#e7f6ee;color:#12643c}.flash.error{background:#fdeaea;color:#923232}
.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}.editor{min-height:320px;border:1px solid #cbd6e1;border-radius:8px;padding:14px;background:white;overflow:auto}.editor:focus{outline:2px solid #b8d8c8}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#edf2f6;font-size:12px}.badge.sent{background:#e6f5ec;color:#16633d}.badge.error{background:#fde9e9;color:#8e3030}.badge.queued,.badge.sending{background:#fff2ce;color:#795b00}
footer{text-align:center;padding:25px;color:var(--muted)}footer a{color:inherit}
@media(max-width:750px){.form-grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column;gap:8px}nav{flex-wrap:wrap}th{top:132px}}