.sms-sender{box-sizing:border-box;max-width:480px;margin:2rem auto;padding:2rem;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.07);font-family:"Inter","Helvetica Neue",Arial,sans-serif}
.sms-sender__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#1a1a2e}
.sms-sender__description{margin:0 0 1.5rem;font-size:.9375rem;color:#555;line-height:1.5}
.sms-sender__form{display:flex;flex-direction:column;gap:1rem}
.sms-sender__field{display:flex;flex-direction:column;gap:.375rem}
.sms-sender__label{font-size:.875rem;font-weight:600;color:#333}
.sms-sender__input{width:100%;box-sizing:border-box;padding:.625rem .875rem;border:1.5px solid #ccc;border-radius:8px;font-size:1rem;color:#1a1a2e;background:#fafafa;transition:border-color .2s ease,box-shadow .2s ease;outline:0}
.sms-sender__input:focus{border-color:#0057a8;box-shadow:0 0 0 3px rgba(0,87,168,0.15);background:#fff}
.sms-sender__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#0057a8;color:#fff;font-size:1rem;font-weight:600;border:0;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .1s ease,opacity .2s ease;position:relative;min-height:48px}
.sms-sender__btn:hover:not(:disabled){background:#004494;transform:translateY(-1px)}
.sms-sender__btn:active:not(:disabled){background:#003070;transform:translateY(0)}
.sms-sender__btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.sms-sender__btn-spinner{display:none;width:1rem;height:1rem;border:2px solid rgba(255,255,255,0.4);border-top-color:#fff;border-radius:50%;animation:sms-sender-spin .7s linear infinite;flex-shrink:0}
.sms-sender--loading .sms-sender__btn-spinner{display:block}
@keyframes sms-sender-spin{to{transform:rotate(360deg)}
}
.sms-sender__result{display:none;padding:.75rem 1rem;border-radius:8px;font-size:.9375rem;font-weight:500;line-height:1.4;margin-top:.25rem;animation:sms-sender-fadein .25s ease}
.sms-sender__result--visible{display:block}
.sms-sender__result--success{background:#e8f5e9;border:1px solid #a5d6a7;color:#1b5e20}
.sms-sender__result--error{background:#fce4ec;border:1px solid #f48fb1;color:#880e4f}
@keyframes sms-sender-fadein{from{opacity:0;transform:translateY(4px)}
to{opacity:1;transform:translateY(0)}
}