.sms-hero{background:linear-gradient(120deg,#242827,#101716);color:white;padding:30px;border-radius:24px;margin:20px 0}.sms-hero h1{font-size:clamp(26px,4vw,40px);margin:8px 0}.sms-hero p{color:#d5ded9;max-width:650px}.sms-hero .eyebrow{color:#ffb885}.sms-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:24px}.sms-layout aside{align-self:start}.sms-preview{background:#f5f7f6;border-radius:18px;padding:24px;white-space:pre-wrap;overflow-wrap:anywhere}.sms-count{display:flex;justify-content:space-between;gap:15px;color:#667069;font-size:13px;margin:8px 0 22px}.recipients{max-height:300px;overflow:auto;border:1px solid #e2e7e3;border-radius:15px;padding:12px}.recipients label{display:flex;gap:12px;align-items:center;padding:9px;margin:0}.recipients input{width:18px;min-height:18px;margin:0}.recipients small{display:block;color:#68756d}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sender-plan{padding:22px;border:1px solid #eaded6;border-radius:20px;background:#fff}.sender-plan strong{display:block;font-size:28px;margin:12px 0}.system-note{padding:18px;background:#eef8f2;border-radius:15px;color:#216940;margin:18px 0}.sms-hero .actions a,.sms-hero .actions button{background:white;color:#b94109;border:0}.template-list{display:flex;flex-wrap:wrap;gap:8px}.template-list button{font-size:13px}.wait-ring{width:44px;height:44px;border:4px solid #f1ded1;border-top-color:#bf430a;border-radius:50%;animation:sms-spin 1s linear infinite;margin:20px auto}.wait-panel{text-align:center;padding:30px}.wait-panel strong{display:block;font-size:24px;margin:15px}.wait-panel small{font-variant-numeric:tabular-nums}.message-status{font-weight:700}.status-ok{color:#168347}.status-failed{color:#b52c2c}.status-wait{color:#a66608}.credit-list{display:grid;gap:15px}.credit-list p{margin:0}.group-form textarea{min-height:160px}textarea{width:100%;box-sizing:border-box;border:1px solid #dce1dc;background:#f7f8f7;border-radius:15px;font:inherit;padding:16px;resize:vertical;min-height:120px}input[type=checkbox]{accent-color:#bd420a}.sms-layout .card{margin-top:0}.sms-layout h2{margin-top:0}@keyframes sms-spin{to{transform:rotate(360deg)}}@media(max-width:850px){.sms-layout{grid-template-columns:1fr}.sms-hero{padding:23px}.plan-grid{grid-template-columns:1fr}header strong{display:none}}@media(prefers-reduced-motion:reduce){.wait-ring{animation:none}}[hidden]{display:none!important}
