/* =========================
GLOBAL POPUP SYSTEM
========================= */

.popup-overlay{

position:fixed;

inset:0;

background:rgba(0,0,0,.65);

display:flex;

align-items:center;

justify-content:center;

z-index:99999;

animation:popupFade .25s ease;

}

.popup-box{

background:#0f172a;

border:1px solid rgba(20,241,149,.4);

border-radius:18px;

padding:28px 34px;

min-width:320px;

max-width:420px;

text-align:center;

box-shadow:0 0 40px rgba(20,241,149,.35);

}

.popup-title{

font-size:20px;

color:#14F195;

margin-bottom:10px;

}

.popup-message{

opacity:.85;

margin-bottom:20px;

}

.popup-buttons{

display:flex;

justify-content:center;

gap:12px;

}

.popup-btn{

padding:10px 18px;

border-radius:12px;

border:none;

cursor:pointer;

font-weight:bold;

}

.popup-btn-main{

background:linear-gradient(135deg,#9945FF,#14F195);

color:#fff;

}

.popup-btn-cancel{

background:#1e293b;

color:#ddd;

}

.popup-btn:hover{

transform:scale(1.05);

}

/* =========================
LOADING
========================= */

.popup-loading{

display:flex;

flex-direction:column;

align-items:center;

gap:16px;

}

.loading-spinner{

width:40px;

height:40px;

border-radius:50%;

border:3px solid rgba(20,241,149,.2);

border-top:3px solid #14F195;

animation:spin 1s linear infinite;

}

@keyframes spin{

to{
transform:rotate(360deg);
}

}

@keyframes popupFade{

from{
opacity:0;
}

to{
opacity:1;
}

}