.custom-modal-overlay{-webkit-backdrop-filter:blur(8px);justifyContent:center;z-index:999999;background-color:#0006;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.custom-modal-box{background:#fff;border:1px solid #0000000d;border-radius:24px;width:100%;max-width:480px;margin:auto;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.modal-header .material-symbols-outlined{background:#f4f4f4;border-radius:50%;padding:.8rem;font-size:2rem}.modal-header .text-danger{color:#e53e3e;background:#fff5f5}.modal-header .text-success{color:var(--color-secondary);background:#e6fffa}.modal-header .text-info{color:#3182ce;background:#ebf8ff}.modal-header .text-primary{color:var(--color-primary);background:#ef67a51a}.modal-title{font-family:var(--font-accent);color:var(--color-text);margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.modal-body{font-family:var(--font-main);color:#4a5568;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.6}.modal-footer{justify-content:flex-end;gap:1rem;display:flex}.btn-modal-cancel{color:#4a5568;font-weight:600;font-family:var(--font-main);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.8rem 1.5rem;transition:all .2s}.btn-modal-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.btn-modal-primary{background:var(--color-primary);color:#fff;font-weight:600;font-family:var(--font-main);cursor:pointer;border:none;border-radius:12px;padding:.8rem 1.8rem;transition:all .2s;box-shadow:0 4px 15px #ef67a54d}.btn-modal-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef67a566}.btn-modal-danger{color:#fff;font-weight:600;font-family:var(--font-main);cursor:pointer;background:#e53e3e;border:none;border-radius:12px;padding:.8rem 1.8rem;transition:all .2s;box-shadow:0 4px 15px #e53e3e4d}.btn-modal-danger:hover{background:#c53030;transform:translateY(-2px);box-shadow:0 6px 20px #e53e3e66}@media screen and (width<=600px){.modal-footer{flex-direction:column-reverse}.btn-modal-cancel,.btn-modal-primary,.btn-modal-danger{width:100%}}