.modal[aria-hidden="true"] { display: none; }
.modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.4); }
.modal-dialog { position: relative; background: #fff; border-radius: 12px; padding: 20px; max-width: 560px; width: calc(100% - 32px); box-shadow: 0 12px 32px rgba(0,0,0,.2); }
.modal-actions { display: flex; gap: 12px; margin-top: 12px; }
.btn { padding: 10px 16px; border-radius: 10px; border: 1px solid #ddd; background: #f6f7f9; cursor: pointer; }
.btn-ghost { background: transparent; }