body{
    margin:0;
    font-family:Arial;
    background:#0b1220;
    color:white;
}

.sidebar{
    width:220px;
    height:100vh;
    position:fixed;
    background:#111827;
    padding:20px;
}

.sidebar a{
    display:block;
    color:white;
    padding:10px;
    text-decoration:none;
    border-radius:8px;
    transition:0.3s;
}

.sidebar a:hover{
    background:#1f2937;
    transform:translateX(5px);
}

.main{
    margin-left:240px;
    padding:20px;
}

.card{
    background:#1f2937;
    padding:15px;
    margin:10px 0;
    border-radius:12px;
    transition:0.3s;
}

.card:hover{
    transform:scale(1.02);
}

.btn{
    padding:10px;
    border:none;
    border-radius:8px;
    cursor:pointer;
}

.green{background:#22c55e;}
.yellow{background:#facc15;}
.red{background:#ef4444;}
.blue{background:#3b82f6;}