.popup-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;transition:all .3s ease}.popup-overlay.visible{background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.popup-overlay.hidden{background-color:transparent;backdrop-filter:none}.popup-content{position:relative;max-width:28rem;width:100%;background:white;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transition:all .3s ease;transform-origin:center}.popup-content.visible{transform:scale(1) translateY(0);opacity:1}.popup-content.hidden{transform:scale(.95) translateY(1rem);opacity:0}.popup-success{border:2px solid rgb(34,197,94)}.popup-error{border:2px solid rgb(239,68,68)}.popup-warning{border:2px solid rgb(245,158,11)}.popup-info{border:2px solid rgb(59,130,246)}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.popup-icon-container{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem}.popup-icon-success{background-color:rgb(220,252,231);color:rgb(22,163,74)}.popup-icon-error{background-color:rgb(254,226,226);color:rgb(220,38,38)}.popup-icon-warning{background-color:rgb(254,243,199);color:rgb(217,119,6)}.popup-icon-info{background-color:rgb(219,234,254);color:rgb(37,99,235)}.popup-title{font-size:1.125rem;font-weight:600;margin-left:.75rem}.popup-title-success{color:rgb(22,101,52)}.popup-title-error{color:rgb(153,27,27)}.popup-title-warning{color:rgb(146,64,14)}.popup-title-info{color:rgb(30,64,175)}.popup-close-btn{color:rgb(156,163,175);padding:.25rem;border-radius:50%;transition:all .2s ease;cursor:pointer;background:none;border:none}.popup-close-btn:hover{color:rgb(75,85,99);background-color:rgb(243,244,246)}.popup-body{padding:0 1.5rem 1.5rem}.popup-message{color:rgb(55,65,81);line-height:1.6;white-space:pre-line;margin-bottom:1.5rem}.popup-actions{display:flex;justify-content:flex-end;gap:.75rem}.popup-btn{padding:.625rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s ease;transform-origin:center;cursor:pointer;border:none;font-size:.875rem}.popup-btn:hover{transform:scale(1.05)}.popup-btn:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px rgba(59,130,246,.5)}.popup-btn-primary{background-color:rgb(59,130,246);color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.popup-btn-primary:hover{background-color:rgb(37,99,235)}.popup-btn-success{background-color:rgb(34,197,94);color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.popup-btn-success:hover{background-color:rgb(22,163,74)}.popup-btn-error{background-color:rgb(239,68,68);color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.popup-btn-error:hover{background-color:rgb(220,38,38)}.popup-btn-secondary{background-color:rgb(243,244,246);color:rgb(55,65,81)}.popup-btn-secondary:hover{background-color:rgb(229,231,235)}.popup-gradient{position:absolute;inset:0;border-radius:1rem;opacity:0;transition:opacity .3s ease;pointer-events:none}.popup-gradient-success{background:linear-gradient(90deg,rgb(34,197,94),rgb(16,185,129))}.popup-gradient-error{background:linear-gradient(90deg,rgb(239,68,68),rgb(236,72,153))}.popup-gradient-warning{background:linear-gradient(90deg,rgb(245,158,11),rgb(249,115,22))}.popup-gradient-info{background:linear-gradient(90deg,rgb(59,130,246),rgb(99,102,241))}.popup-content:hover .popup-gradient{opacity:.1}@media (max-width:640px){.popup-overlay{padding:.5rem}.popup-content{max-width:calc(100vw - 1rem)}.popup-header{padding:1rem 1rem .75rem}.popup-body{padding:0 1rem 1rem}.popup-actions{flex-direction:column;gap:.5rem}.popup-btn{width:100%;justify-content:center}}@keyframes popup-fade-in{0%{opacity:0;transform:scale(.95) translateY(1rem)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popup-fade-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(1rem)}}.popup-animate-in{animation:popup-fade-in .3s ease forwards}.popup-animate-out{animation:popup-fade-out .3s ease forwards}