body{
 margin:0;
 font-family:Inter,system-ui;
 background:#020617;
 color:white;
}

/* login */
.login-bg{
 display:flex;
 align-items:center;
 justify-content:center;
 height:100vh;
 background:linear-gradient(135deg,#020617,#0f172a);
}

.login-card{
 background:rgba(255,255,255,0.05);
 backdrop-filter:blur(20px);
 padding:50px;
 border-radius:20px;
 text-align:center;
 box-shadow:0 0 40px rgba(0,0,0,0.5);
}

button{
 background:#5865F2;
 border:none;
 padding:15px 25px;
 border-radius:12px;
 color:white;
 font-size:16px;
 cursor:pointer;
}

/* dashboard */
.sidebar{
 width:230px;
 height:100vh;
 position:fixed;
 background:rgba(255,255,255,0.05);
 backdrop-filter:blur(20px);
 padding:20px;
}

.sidebar h2{
 margin-bottom:30px;
}

.sidebar a{
 display:block;
 padding:12px;
 margin:6px 0;
 border-radius:10px;
 text-decoration:none;
 color:white;
}

.sidebar a:hover{
 background:#5865F2;
}

.main{
 margin-left:250px;
 padding:40px;
}

.card{
 background:rgba(255,255,255,0.05);
 backdrop-filter:blur(20px);
 padding:25px;
 border-radius:18px;
 margin-bottom:20px;
}

.toggle{
 float:right;
}