:root{--navy:#0b1f33;--navy2:#123754;--teal:#16a6a0;--teal2:#dff7f5;--bg:#f4f7fa;--ink:#182532;--muted:#657586;--line:#dce4ea;--white:#fff;--red:#b73535;--green:#1b7f59;--shadow:0 12px 30px rgba(11,31,51,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:72px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:#fff;position:sticky;top:0;z-index:5;box-shadow:0 4px 16px rgba(0,0,0,.14)}.brand{display:flex;gap:13px;align-items:center}.brand-mark{background:var(--teal);padding:8px 10px;border-radius:7px;font-weight:900;letter-spacing:.5px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#a8bac9;font-size:11px}.topbar nav{display:flex;gap:22px;align-items:center}.topbar a,.linkbtn{color:#dce7ee;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}.topbar a:hover,.linkbtn:hover{color:#fff}.inline-form{display:inline}.container{max-width:1400px;margin:0 auto;padding:34px}.footer{text-align:center;padding:30px;color:#7b8793}.hero,.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.hero h1,.page-head h1{margin:2px 0 6px;font-size:30px;color:var(--navy)}.hero p,.page-head p{margin:0;color:var(--muted)}.eyebrow{color:var(--teal);font-size:11px;font-weight:900;letter-spacing:1.35px}.send-state{padding:9px 12px;border-radius:999px;font-weight:800;font-size:11px}.send-state.off{background:#eef0f2;color:#626b73}.send-state.live{background:#daf3e8;color:var(--green)}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-top:3px solid var(--teal);padding:18px 20px;border-radius:10px;box-shadow:var(--shadow)}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:28px;color:var(--navy);margin-top:4px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:22px;margin-bottom:22px}.panel.mini{padding:14px 18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel h2{margin:2px 0;font-size:20px;color:var(--navy)}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#687a88;background:#f8fafb;border-bottom:1px solid var(--line);padding:12px 14px}td{border-bottom:1px solid #edf1f4;padding:12px 14px;vertical-align:top}tr:last-child td{border-bottom:0}.sub{display:block;color:var(--muted);font-size:11px;max-width:520px;margin-top:3px}.priority{display:inline-flex;min-width:29px;height:29px;border-radius:50%;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-weight:800}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf4f8;color:#39576e;font-size:11px;font-weight:700;margin-right:4px}.badge.sent,.check{color:var(--green);font-weight:800}.badge.danger,.danger{color:var(--red)}.text-link,.actions a{color:#087f7b;text-decoration:none;font-weight:700}.actions{white-space:nowrap}.actions a{margin-right:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #c8d3dc;background:#fff;color:var(--navy);padding:9px 14px;border-radius:8px;text-decoration:none;font-weight:800;cursor:pointer}.btn:hover{background:#f7fafb}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.danger{border-color:#ddaaaa;color:var(--red);background:#fff}.filters{display:flex;gap:10px;margin-bottom:16px}.filters input{flex:1}.filters select{min-width:180px}input,select,textarea{width:100%;border:1px solid #cfd9e1;border-radius:7px;padding:10px 11px;background:#fff;color:var(--ink);font:inherit}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid rgba(22,166,160,.18);border-color:var(--teal)}label{display:block;font-weight:800;color:#33495b}label input,label select,label textarea{margin-top:6px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span2{grid-column:1/-1}.stack{display:flex;flex-direction:column;gap:15px}.narrow{max-width:720px}.switches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.switchrow{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:8px;background:#f9fbfc}.switchrow input{width:auto;margin-top:3px}.switchrow small{display:block;color:var(--muted);font-weight:400;margin-top:2px}.dangerbox{border-color:#efc3c3;background:#fffafa}.button-row{display:flex;gap:10px;align-items:center}.compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.sidebar-card{height:max-content}.checklist{padding-left:20px}.checklist li{margin:10px 0;color:#8a969f}.checklist li.ok{color:var(--green);font-weight:800}.checklist li.bad{color:var(--red);font-weight:800}.muted{color:var(--muted)}.flash{padding:12px 14px;border-radius:8px;margin-bottom:15px;border:1px solid}.flash.success{background:#edf9f4;border-color:#bde3d2;color:#1b684c}.flash.error{background:#fff0f0;border-color:#edc7c7;color:#8e3030}.login-card{max-width:520px;margin:70px auto;background:#fff;border:1px solid var(--line);border-top:5px solid var(--teal);border-radius:14px;box-shadow:var(--shadow);padding:34px}.login-card h1{color:var(--navy);margin:5px 0}.template-card{margin-bottom:20px}.template-picker{margin-bottom:14px}
@media(max-width:900px){.topbar{height:auto;padding:16px 20px;align-items:flex-start;gap:15px;flex-direction:column}.topbar nav{flex-wrap:wrap;gap:12px}.container{padding:22px 14px}.stats{grid-template-columns:1fr 1fr}.form-grid,.compose-grid{grid-template-columns:1fr}.span2{grid-column:1}.switches{grid-template-columns:1fr}.hero,.page-head{flex-direction:column}.filters{flex-direction:column}}