body{
margin:0;
font-family:Arial;
background:#050814;
color:#fff;
overflow:hidden;
}

canvas{
position:fixed;
width:100%;
height:100%;
}

.app{
display:flex;
height:100vh;
position:relative;
}

.sidebar{
width:220px;
background:rgba(255,255,255,0.03);
backdrop-filter:blur(20px);
padding:20px;
}

.menu{
padding:10px;
margin:5px 0;
border-radius:8px;
opacity:0.7;
}

.menu.active{
background:#1e66ff;
opacity:1;
}

.main{
flex:1;
padding:20px;
}

.top-cards{
display:flex;
gap:10px;
}

.card{
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.1);
border-radius:12px;
padding:15px;
backdrop-filter:blur(20px);
}

.small{flex:1}

.big{
margin-top:15px;
}

.grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:15px;
margin-top:20px;
}

input,select,textarea{
width:100%;
margin:8px 0;
padding:10px;
border-radius:8px;
border:none;
background:rgba(255,255,255,0.05);
color:#fff;
}

button{
width:100%;
padding:12px;
border:none;
border-radius:10px;
background:#2b6cff;
color:white;
cursor:pointer;
margin-top:10px;
}

.primary{
background:linear-gradient(90deg,#2b6cff,#00d4ff);
}

.upload{
border:2px dashed rgba(255,255,255,0.2);
padding:40px;
text-align:center;
border-radius:10px;
}