body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:linear-gradient(135deg,#0d0d18,#1a0033);
color:white;
}

.hidden{display:none;}

.center{
height:100vh;
display:flex;
justify-content:center;
align-items:center;
}

.card{
background:#1a1a2e;
padding:40px;
border-radius:15px;
width:320px;
text-align:center;
}

input,button{
width:100%;
padding:10px;
margin:10px 0;
border-radius:8px;
border:none;
}

input{
background:#2a2a3d;
color:white;
}

button{
background:#a020f0;
color:white;
cursor:pointer;
transition:0.3s;
}

button:hover{
background:#c94fff;
transform:scale(1.05);
}

.glow{
box-shadow:0 0 20px #a020f0aa;
}

.pulse{
animation:pulse 2s infinite;
}

@keyframes pulse{
0%{box-shadow:0 0 10px #a020f0;}
50%{box-shadow:0 0 25px #c94fff;}
100%{box-shadow:0 0 10px #a020f0;}
}

#dashboard{
display:flex;
}

.sidebar{
width:220px;
background:#140028;
padding:20px;
min-height:100vh;
}

.sidebar ul{
list-style:none;
padding:0;
}

.sidebar li{
padding:10px;
cursor:pointer;
border-radius:8px;
transition:0.3s;
}

.sidebar li:hover{
background:#a020f0;
}

.content{
flex:1;
padding:40px;
}

.stats{
display:flex;
gap:20px;
}

.stat{
background:#1f1f3a;
padding:20px;
border-radius:12px;
width:150px;
text-align:center;
}

.product,.order,.ticket,.ticketDetail{
background:#1c1c30;
padding:15px;
margin-bottom:15px;
border-radius:10px;
}

.price{
font-size:20px;
color:#c94fff;
}

.blurred{
filter:blur(6px);
cursor:pointer;
transition:0.3s;
}

.blurred:hover{
filter:blur(3px);
}

#messageArea{
background:#151525;
height:250px;
overflow-y:auto;
padding:10px;
border-radius:8px;
margin-bottom:10px;
}

.message{
background:#2a2a45;
padding:8px;
margin-bottom:8px;
border-radius:6px;
}

.supportButtons button{
width:auto;
margin-right:10px;
padding:8px 15px;
}

.demoInfo{
margin-top:15px;
opacity:0.6;
font-size:12px;
}

.chatInput{
display:flex;
flex-direction:column;
gap:10px;
margin-top:15px;
}

.chatInput input{
width:100%;
padding:12px;
border-radius:10px;
background:#2a2a3d;
color:white;
border:none;
}

.chatInput button{
width:150px;
align-self:center;
padding:10px;
border-radius:10px;
background:#a020f0;
color:white;
border:none;
cursor:pointer;
transition:0.3s;
}

.chatInput button:hover{
background:#c94fff;
transform:scale(1.05);
}

.message{
background:#2a2a45;
padding:8px;
margin-bottom:8px;
border-radius:8px;
}

.message.own{
background:#5a2ea6;
}

.licenseActions{
margin-bottom:20px;
display:flex;
gap:15px;
}

.activateBox{
display:flex;
flex-direction:column;
gap:15px;
max-width:400px;
}

.loginPage{
display:flex;
justify-content:center;
align-items:center;
height:100vh;
background:#0e0e1a;
}

.loginBox{
background:#1c1c2e;
padding:40px;
border-radius:15px;
width:350px;
display:flex;
flex-direction:column;
gap:15px;
box-shadow:0 0 20px rgba(160,32,240,0.5);
}

.loginBox input{
padding:10px;
border-radius:8px;
border:none;
background:#2a2a3d;
color:white;
}

.loginBox button{
padding:10px;
border-radius:8px;
border:none;
background:#a020f0;
color:white;
cursor:pointer;
}

.switchAuth{
font-size:13px;
cursor:pointer;
color:#c94fff;
}

#authStatus{
margin-top:10px;
font-size:14px;
}

.footer{
position:fixed;
bottom:0;
left:0;
width:100%;
background:#111;
display:flex;
justify-content:space-between;
align-items:center;
padding:12px 30px;
color:#aaa;
font-size:14px;
border-top:1px solid #333;
z-index:100;
}

.footer-left{
font-size:13px;
white-space:nowrap;
}

.footer-right span{
margin-left:20px;
cursor:pointer;
}

.footer-right span:hover{
color:white;
}
/* ---- Custom (Keys / Discord) ---- */
.product .desc{
    margin-top:6px;
    margin-bottom:12px;
    color:#aaa;
    font-size:14px;
    line-height:1.4;
}

.result{
    margin-top:10px;
    color:#c94fff;
    font-size:14px;
    word-break:break-all;
}

.footer-right a{
    margin-left:20px;
    cursor:pointer;
}

.discordLink{
    display:flex;
    align-items:center;
    gap:8px;
    color:#aaa;
    text-decoration:none;
}

.discordLink:hover{
    color:white;
}

.discordIcon{
    width:18px;
    height:18px;
    fill:currentColor;
}

.key-actions{
display:flex;
gap:10px;
margin-top:10px;
}

.reset-btn{
background:#4b6cff;
color:white;
border:none;
padding:6px 12px;
border-radius:6px;
cursor:pointer;
}

.delete-btn{
background:#ff4b4b;
color:white;
border:none;
padding:6px 12px;
border-radius:6px;
cursor:pointer;
}