.lef-modal{position:fixed; top:0; left:0; width:100%; height:100%; background:var(--leb-overlay-dark); display:none; align-items:center; justify-content:center; z-index:10000; backdrop-filter:blur(4px); opacity:0; transition:opacity 0.3s ease} .lef-modal.show{display:flex; opacity:1} .lef-modal-content{background:var(--leb-white); padding:25px; margin:1rem; border-radius:20px; width:100%; max-width:350px; font-family:var(--leb-font-main); box-shadow:var(--leb-card-shadow); transform:translateY(20px); transition:transform 0.3s ease; text-align:center} .lef-modal.show .lef-modal-content{transform:translateY(0)} .lef-modal-content h3{font-size:20px; font-weight:500; margin-bottom:12px; color:var(--leb-secondary-color)} .lef-modal-content p{font-size:13.5px; color:var(--leb-text-muted); line-height:1.6; margin-bottom:24px} .lef-modal-actions{display:flex; gap:12px; justify-content:center} .lef-btn{padding:12px 24px; border-radius:8px; font-size:14px; font-weight:600; cursor:pointer; transition:all 0.2s; border:none} .lef-btn-secondary{background:var(--leb-bg-light); color:var(--leb-text-muted); border:solid 1px var(--leb-border-color)} .lef-btn-secondary:hover{background:var(--leb-border-color)} .lef-btn-primary{background:var(--leb-primary-color); color:var(--leb-white)} .lef-btn-primary:hover{background:var(--leb-primary-dark)} @media (max-width:400px){.lef-modal-content{padding:26px 15px} .lef-modal-content h3{font-size:19px} .lef-modal-content p{font-size:13px} .lef-btn{padding:10px 24px; font-size:12px}}