*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI}

body{background:#0b1220;color:#fff}

/* NAVBAR */
.navbar{
display:flex;
justify-content:space-between;
padding:14px 24px;
background:#0f172a;
border-bottom:1px solid #1f2937;
}

.logo{color:#4da3ff;font-weight:bold}

.menu a{
color:#ddd;
margin-left:18px;
text-decoration:none;
}

.menu a:hover{color:#fff}

/* APP */
.app{display:flex;height:calc(100vh - 60px)}

/* SIDEBAR */
.sidebar{
width:230px;
background:#111827;
padding:20px;
}

.sidebar h3{
margin:15px 0 10px;
color:#9ca3af;
font-size:14px;
}

.list div{
padding:10px;
margin-bottom:6px;
background:#1f2937;
border-radius:6px;
cursor:pointer;
}

.list div:hover,
.list div.active{
background:#2563eb;
}

/* MAIN */
.main{
flex:1;
padding:20px;
overflow:auto;
display:grid;
grid-template-columns:1fr;
gap:20px;
}

/* CARD */
.card{
background:#1f2937;
padding:20px;
border-radius:12px;
}

.stats{
display:flex;
gap:20px;
margin-bottom:10px;
}

.actions button{
margin-right:6px;
padding:8px 12px;
border:none;
border-radius:6px;
background:#2563eb;
color:#fff;
cursor:pointer;
}