.spna-modal-root,.spna-modal-root *{box-sizing:border-box}.spna-modal-root{direction:rtl;font-family:inherit}.spna-modal-root[hidden],.spna-modal-overlay[hidden]{display:none!important}.spna-modal-overlay{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;background:rgb(15 23 42 / .58);backdrop-filter:blur(5px);animation:spna-modal-fade-in .16s ease-out}.spna-modal-card{--spna-accent:#0f766e;--spna-accent-dark:#115e59;--spna-soft:#f0fdfa;position:relative;width:min(100%, 500px);max-height:min(720px, calc(100vh - 48px));overflow:auto;padding:34px 30px 26px;border:1px solid #e2e8f0;border-top:5px solid var(--spna-accent);border-radius:18px;background:#fff;color:#1e293b;text-align:center;box-shadow:0 24px 70px rgb(15 23 42 / .25);outline:none;animation:spna-modal-slide-up .2s ease-out}.spna-modal-card--error{--spna-accent:#dc2626;--spna-accent-dark:#991b1b;--spna-soft:#fef2f2}.spna-modal-card--warning{--spna-accent:#d97706;--spna-accent-dark:#92400e;--spna-soft:#fffbeb}.spna-modal-card--success{--spna-accent:#059669;--spna-accent-dark:#047857;--spna-soft:#ecfdf5}.spna-modal-card--info,.spna-modal-card--confirm{--spna-accent:#0f766e;--spna-accent-dark:#115e59;--spna-soft:#f0fdfa}.spna-modal-close{position:absolute;top:12px;left:14px;width:34px;height:34px;border:0;border-radius:50%;background:#fff0;color:#64748b;font-size:26px;line-height:1;cursor:pointer}.spna-modal-close:hover{background:#f1f5f9;color:#0f172a}.spna-modal-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 16px;border-radius:50%;background:var(--spna-soft);color:var(--spna-accent)}.spna-modal-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.spna-modal-icon .spna-modal-icon-fill{fill:currentColor;stroke:none}.spna-modal-kicker{color:var(--spna-accent-dark);font-size:13px;font-weight:700}.spna-modal-card h2{margin:7px 0 12px;color:#0f172a;font-size:21px;line-height:1.45}.spna-modal-card p{margin:0 auto;max-width:410px;color:#475569;font-size:15px;line-height:1.9;white-space:pre-line}.spna-modal-meta{margin:16px auto 0;padding:8px 12px;width:fit-content;border-radius:8px;background:#f8fafc;color:#64748b;font-size:12px}.spna-modal-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:25px}.spna-modal-button{display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:42px;padding:9px 18px;border:1px solid #fff0;border-radius:9px;font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;transition:.16s ease}.spna-modal-button--primary{background:var(--spna-accent);border-color:var(--spna-accent);color:#fff}.spna-modal-button--primary:hover{background:var(--spna-accent-dark);border-color:var(--spna-accent-dark);color:#fff}.spna-modal-button--secondary{background:#fff;border-color:var(--spna-accent);color:var(--spna-accent)}.spna-modal-button--secondary:hover{background:var(--spna-soft);border-color:var(--spna-accent-dark);color:var(--spna-accent-dark)}body.spna-modal-open{overflow:hidden}@keyframes spna-modal-fade-in{from{opacity:0}to{opacity:1}}@keyframes spna-modal-slide-up{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:520px){.spna-modal-overlay{padding:14px}.spna-modal-card{padding:30px 18px 20px;max-height:calc(100vh - 28px);border-radius:14px}.spna-modal-card h2{font-size:18px}.spna-modal-card p{font-size:14px}.spna-modal-button{flex:1 1 130px}}