#rvc-step3-page{font-family:'Plus Jakarta Sans',sans-serif;color:#0f172a;padding:0 0 32px}
.s3-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.s3-title{font-size:30px;font-weight:800;letter-spacing:-.04em}.s3-sub{margin-top:5px;color:#64748b;font-size:14px}.s3-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.s3-btn{border:0;border-radius:12px;padding:11px 16px;font:700 14px/1 'Plus Jakarta Sans',sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.s3-btn:disabled{opacity:.55;cursor:not-allowed}.s3-primary{background:#168bf2;color:#fff}.s3-muted{background:#eef4fb;color:#334155;border:1px solid #d8e3ef}.s3-danger{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.s3-success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.s3-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.s3-stat{background:#fff;border:1px solid #dbe4f0;border-radius:20px;padding:18px}.s3-stat-label{font-size:13px;color:#64748b}.s3-stat-value{font-size:26px;font-weight:800;margin-top:5px}.s3-card{background:#fff;border:1px solid #dbe4f0;border-radius:22px;padding:20px;margin-bottom:18px}.s3-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.s3-search{flex:1;min-width:220px}.s3-input,.s3-select,.s3-textarea{width:100%;box-sizing:border-box;border:1px solid #cbd8e7;border-radius:13px;background:#fff;padding:13px 14px;font:500 14px/1.4 'Plus Jakarta Sans',sans-serif;color:#0f172a;outline:none}.s3-input:focus,.s3-select:focus,.s3-textarea:focus{border-color:#168bf2;box-shadow:0 0 0 3px rgba(22,139,242,.1)}.s3-textarea{min-height:110px;resize:vertical}.s3-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:18px}.s3-table{width:100%;border-collapse:collapse;min-width:760px}.s3-table th,.s3-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #edf2f7;font-size:13px;vertical-align:middle}.s3-table th{background:#f8fafc;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.s3-table tr:last-child td{border-bottom:0}.s3-name{font-weight:800;color:#0f172a}.s3-muted-text{color:#64748b;font-size:12px;margin-top:3px}.s3-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;text-transform:capitalize}.s3-badge.active,.s3-badge.delivered,.s3-badge.sent{background:#d1fae5;color:#047857}.s3-badge.suspended,.s3-badge.temporary_suspended,.s3-badge.queued{background:#fef3c7;color:#b45309}.s3-badge.blocked,.s3-badge.failed{background:#ffe4e6;color:#be123c}.s3-empty{text-align:center;padding:42px 20px;color:#64748b}.s3-check{width:18px;height:18px}.s3-link{color:#168bf2;font-weight:700;text-decoration:none}
.s3-overlay{position:fixed;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}.s3-modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(15,23,42,.28)}.s3-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:2}.s3-modal-title{font-size:21px;font-weight:800}.s3-close{border:0;background:#f1f5f9;width:36px;height:36px;border-radius:50%;font-size:22px;cursor:pointer}.s3-modal-body{padding:22px}.s3-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.s3-field{display:flex;flex-direction:column;gap:7px}.s3-field.full{grid-column:1/-1}.s3-field label{font-size:13px;font-weight:800;color:#334155}.s3-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.s3-permissions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.s3-permission{display:flex;align-items:center;gap:8px;border:1px solid #dbe4f0;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700}.s3-note{padding:14px 16px;border-radius:14px;background:#eff6ff;color:#1d4ed8;font-size:13px;line-height:1.55}.s3-warning{padding:16px;border-radius:15px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.s3-toast{position:fixed;right:18px;bottom:18px;z-index:10001;background:#0f172a;color:#fff;padding:14px 18px;border-radius:13px;box-shadow:0 18px 50px rgba(15,23,42,.25);font-weight:700;font-size:13px}.s3-toast.error{background:#be123c}.s3-lock{text-align:center;padding:40px 20px}.s3-lock-icon{width:70px;height:70px;border-radius:22px;background:#eff6ff;color:#168bf2;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:30px}.s3-order-list{margin-top:15px;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.s3-order-row{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:10px;padding:12px 14px;border-bottom:1px solid #edf2f7;font-size:12px}.s3-order-row:last-child{border-bottom:0}.s3-smtp-panel{margin-top:18px}.s3-smtp-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:900px){.s3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s3-permissions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#rvc-step3-page{padding:0 0 24px}.s3-head{align-items:flex-start;flex-direction:column}.s3-title{font-size:25px}.s3-head .s3-btn{width:100%}.s3-card{padding:15px;border-radius:18px}.s3-grid{gap:10px}.s3-stat{padding:14px;border-radius:17px}.s3-stat-value{font-size:22px}.s3-form-grid{grid-template-columns:1fr}.s3-field.full{grid-column:auto}.s3-permissions{grid-template-columns:1fr}.s3-modal{border-radius:20px;max-height:94vh}.s3-modal-body{padding:17px}.s3-modal-actions{position:sticky;bottom:-17px;background:#fff;padding:14px 0 3px;flex-direction:column-reverse}.s3-modal-actions .s3-btn{width:100%}.s3-order-row{grid-template-columns:1fr 1fr}.s3-table{min-width:680px}.s3-toast{left:14px;right:14px;bottom:14px;text-align:center}}

.s3-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;display:inline-block;animation:s3-spin .75s linear infinite;flex:0 0 auto}@keyframes s3-spin{to{transform:rotate(360deg)}}