@keyframes border-flow{0%{left:-100%}to{left:100%}}@keyframes glow-pulse{0%,to{opacity:.2}50%{opacity:.4}}@keyframes icon-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}@keyframes icon-bounce{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg);opacity:1}}.notification-popup-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none;background:0 0;transition:background .3s ease}.notification-popup-container.active{background:rgba(0,0,0,.7);backdrop-filter:blur(5px);pointer-events:all}.notification-modal{position:relative;width:90%;max-width:500px;background:linear-gradient(145deg,rgb(26,26,46) 0,rgb(22,33,62) 50%,rgb(15,52,96) 100%);backdrop-filter:blur(20px);border:2px solid;border-radius:24px;box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.1);pointer-events:all;transform:scale(.8) translateY(-50px);opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.notification-modal.show{transform:scale(1) translateY(0);opacity:1}.notification-modal.hide{transform:scale(.8) translateY(50px);opacity:0}.notification-modal::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:4px;background:linear-gradient(90deg,transparent,currentColor,transparent);animation:border-flow 2s linear infinite}.notification-modal::after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,currentColor,transparent);border-radius:24px;opacity:.3;z-index:-1;filter:blur(10px);animation:glow-pulse 3s ease-in-out infinite}.notification-modal.info{border-color:rgb(33,150,243);color:rgb(33,150,243)}.notification-modal.info .modal-icon-bg{background:radial-gradient(circle,rgba(33,150,243,.2)0,transparent 70%)}.notification-modal.success{border-color:rgb(76,175,80);color:rgb(76,175,80)}.notification-modal.success .modal-icon-bg{background:radial-gradient(circle,rgba(76,175,80,.2)0,transparent 70%)}.notification-modal.warning{border-color:rgb(255,152,0);color:rgb(255,152,0)}.notification-modal.warning .modal-icon-bg{background:radial-gradient(circle,rgba(255,152,0,.2)0,transparent 70%)}.notification-modal.error{border-color:rgb(244,67,54);color:rgb(244,67,54)}.notification-modal.error .modal-icon-bg{background:radial-gradient(circle,rgba(244,67,54,.2)0,transparent 70%)}.modal-header,.modal-icon-wrapper{position:relative;display:flex;align-items:center}.modal-header{gap:16px;padding:28px 32px 20px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08)}.modal-icon-wrapper{width:56px;height:56px;justify-content:center;background:rgba(255,255,255,.05);border-radius:16px;flex-shrink:0}.modal-icon-bg{position:absolute;width:100%;height:100%;border-radius:16px;animation:icon-pulse 2s ease-in-out infinite}.modal-icon{position:relative;font-size:32px;filter:drop-shadow(0 2px 8px currentColor);animation:icon-bounce 1s ease-out}.modal-title{flex:1;font-size:20px;font-weight:700;font-family:"Poppins",sans-serif;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);letter-spacing:.3px}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:rgba(255,255,255,.6);font-size:20px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.modal-close:hover{background:rgba(244,67,54,.3);border-color:rgba(244,67,54,.5);color:#fff;transform:rotate(90deg) scale(1.1)}.modal-body{padding:24px 32px}.modal-message{font-size:15px;color:rgba(255,255,255,.9);line-height:1.7;text-shadow:0 1px 3px rgba(0,0,0,.2);margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:12px 28px;border:0;border-radius:12px;font-size:14px;font-weight:600;font-family:"Poppins",sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px rgba(0,0,0,.2)}.modal-btn-primary{background:linear-gradient(135deg,rgb(102,126,234) 0,rgb(118,75,162) 100%);color:#fff;border:1px solid rgba(255,255,255,.2)}.modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.modal-btn-secondary{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.15)}.modal-btn-secondary:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.modal-btn-link{background:0 0;color:currentColor;border:1px solid currentColor;padding:12px 24px}.modal-btn-link:hover{background:currentColor;color:#fff}@media (max-width:600px){.notification-modal{width:95%;max-width:none;margin:20px}.modal-header{padding:24px 20px 16px}.modal-body{padding:20px}.modal-title{font-size:18px}.modal-message{font-size:14px}.modal-actions{flex-direction:column}.modal-btn{width:100%}}