:root{--bg-overlay:rgba(0,0,0,.5);--shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--bg-overlay);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.modal-confirm .modal-container{background-color:var(--bg-confirm);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow);max-width:28rem;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.modal-confirm .modal-content{padding:1.5rem}.modal-confirm .modal-title{color:var(--text-main);font-family:Arial;font-size:1.5rem;font-weight:700;line-height:1.5rem;margin:0 0 1rem;text-align:center}.modal-confirm .title-content{color:var(--color-more-button);font-size:1.3rem;font-weight:700;text-align:center}.modal-confirm .modal-body p{color:var(--text-secondary);font-size:.875rem;margin:0}.modal-confirm .modal-footer{background-color:var(--bg-footer);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.modal-confirm .btn{border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;outline:none;padding:.5rem 1rem;transition:background-color .2s}.modal-confirm .btn-cancel{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}.modal-confirm .btn-cancel:hover{background-color:var(--bg-footer)}.modal-confirm .btn-cancel:focus{box-shadow:0 0 0 2px #6366f1}.modal-confirm .btn-delete{background-color:#dc2626;box-shadow:0 1px 2px #0000000d;color:#fff}.modal-confirm .btn-delete:hover{background-color:#b91c1c}.modal-confirm .btn-delete:focus{box-shadow:0 0 0 2px #ef4444}