:root{font-family:Inter,Arial,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #cdd7e5;background:#fff;border-radius:8px;padding:9px 13px;cursor:pointer}button.primary{background:#0878d1;color:#fff;border-color:#0878d1}button.danger{color:#b42318;border-color:#f2c6c2}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#0c68ad,#061a35 55%)}.login-card{width:min(420px,92vw);background:#fff;padding:34px;border-radius:20px;box-shadow:0 30px 70px #0005;display:grid;gap:14px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:#061a35}.brand img,.side-brand img{height:45px}.login-card input,.panel input,.panel select,.panel textarea{width:100%;padding:11px;border:1px solid #d2dbe8;border-radius:8px;margin:5px 0 10px}.qr{width:230px;margin:auto}.manual-key{padding:10px;background:#eef3f8}.error{background:#fee4e2;color:#b42318;padding:10px;border-radius:8px}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#061a35;color:#fff;padding:22px 16px;display:flex;flex-direction:column}.side-brand{display:grid;grid-template-columns:55px 1fr;align-items:center;margin-bottom:28px}.side-brand img{grid-row:1/3}.side-brand small{color:#89a5c3}nav{display:grid;gap:6px}nav button{color:#bed0e4;background:transparent;border:0;text-align:left;padding:11px 12px}nav button.active,nav button:hover{background:#0d3158;color:#fff}.side-user{margin-top:auto;display:grid;gap:5px}.side-user small{color:#9cb5cf}.side-user button{margin-top:8px;background:transparent;color:#fff}.content{padding:28px;overflow:auto}.content>header{display:flex;justify-content:space-between;margin-bottom:22px}.content h1{margin:0;color:#061a35}.content header p{margin:4px 0;color:#667085}.cards{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin-bottom:18px}.card,.panel{background:#fff;border:1px solid #e1e8f0;border-radius:14px;padding:18px;box-shadow:0 5px 16px #1a31520a}.card b{display:block;font-size:28px;color:#0878d1}.card span{font-size:12px;color:#667085}.toolbar,.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar input{max-width:300px}.upload input{display:none}.upload{padding:9px 13px;border:1px solid #cdd7e5;border-radius:8px;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #edf1f5;white-space:nowrap}th{font-size:12px;color:#667085}td small{display:block;color:#667085}.status{font-size:11px;padding:5px 8px;border-radius:20px;background:#eef3f8}.status.valid,.status.approved,.status.completed,.status.sent,.status.delivered{background:#dcfae6;color:#067647}.status.invalid,.status.bounced,.status.rejected,.status.failed{background:#fee4e2;color:#b42318}.status.pending,.status.pending_approval,.status.scheduled,.status.queued{background:#fff1d6;color:#9a6700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#061a35bb;display:grid;place-items:center;padding:20px;z-index:20}.modal{background:#fff;border-radius:16px;padding:22px;width:min(900px,96vw);max-height:90vh;overflow:auto}.modal-title{display:flex;justify-content:space-between;align-items:center}.modal-title button{font-size:24px;border:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full{grid-column:1/-1}.campaign-layout,.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full-span{grid-column:1/-1}.preview iframe{width:100%;height:650px;border:1px solid #e3e8ef}.audience{max-height:180px;overflow:auto;border:1px solid #e3e8ef;border-radius:8px;padding:10px;display:grid}.audience label,.permission-grid label{display:flex;gap:8px;align-items:center}.audience input,.permission-grid input,.inline input{width:auto;margin:0}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.permission-grid label{background:#f6f8fb;border:1px solid #e4e9f0;padding:8px;border-radius:7px;font-size:12px}.toast{position:fixed;right:24px;bottom:24px;background:#061a35;color:#fff;padding:12px 18px;border-radius:10px;z-index:30}@media(max-width:900px){.app{grid-template-columns:1fr}aside{position:static}.side-user{margin-top:20px}.cards{grid-template-columns:1fr 1fr}.campaign-layout,.admin-grid,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.content{padding:16px}}.compact-cards{margin-bottom:18px}.sticky-toolbar{position:sticky;top:0;z-index:20;padding:12px;background:#f6f9fdf5;border:1px solid #dbe5f2;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.contact-groups-panel,.bulk-group-panel{margin-bottom:16px}.bulk-group-panel{display:grid;gap:14px}.group-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}.group-check{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid #dce6f2;border-radius:10px;background:#f8fbff;cursor:pointer}.group-check input{width:auto;margin:0}.group-check small{margin-left:auto;color:#667085}.audience-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px}.audience-groups{margin-bottom:18px}@media(max-width:760px){.audience-heading{align-items:flex-start;flex-direction:column}}