.modal.svelte-oanpyi{z-index:2000;background:#00000080;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:fixed;inset:0}.modal-content.svelte-oanpyi{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:0;overflow:hidden;box-shadow:0 8px 24px #0003}.modal-header.svelte-oanpyi{background:var(--primary-colour);color:var(--text-colour-on-primary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header.svelte-oanpyi h3:where(.svelte-oanpyi){color:var(--text-colour-on-primary);margin:0;font-size:1.2rem}.close-btn.svelte-oanpyi{color:var(--text-colour-on-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;display:flex}.close-btn.svelte-oanpyi:hover{opacity:.7}.modal-body.svelte-oanpyi{text-align:center;padding:1.5rem}.modal-body.svelte-oanpyi p:where(.svelte-oanpyi){color:#6c757d;margin:0;line-height:1.5}.modal-footer.svelte-oanpyi{text-align:right;border-top:1px solid #eee;padding:1rem 1.5rem}.modal-actions.svelte-oanpyi{justify-content:flex-end;gap:12px;display:flex}.cancel-button.svelte-oanpyi{color:#495057;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500}.cancel-button.svelte-oanpyi:hover{background:#e9ecef}.confirm-button.svelte-oanpyi{color:#fff;cursor:pointer;background:#e74c3c;border:1px solid #e74c3c;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500}.confirm-button.svelte-oanpyi:hover{background:#c0392b;border-color:#c0392b}