body { margin:0; font-family: 'Segoe UI', sans-serif; background:#0b0f1a; color:#fff; }

.layout { display:flex; height:100vh; }

.sidebar {
  width:260px;
  background:#111827;
  padding:15px;
}

.sidebar ul { list-style:none; padding:0; }
.sidebar li { padding:10px; cursor:pointer; }
.sidebar li ul { display:none; padding-left:15px; }

.sidebar a { color:#9ca3af; text-decoration:none; }

.main { flex:1; display:flex; flex-direction:column; }

.topbar {
  height:50px;
  background:#020617;
  display:flex;
  justify-content:space-between;
  padding:10px 20px;
}

.content { padding:20px; }

.login-body {
  display:flex; justify-content:center; align-items:center;
  height:100vh; background:#020617;
}

.login-box {
  width:300px; background:#111827;
  padding:25px; border-radius:10px;
}
.login-box input, button {
  width:100%; padding:10px; margin:5px 0;
}
button { background:#2563eb; color:#fff; border:none; }
button.secondary { background:#374151; }