body { font-family: Arial; margin:0; background:#f4f7fb; }

header {
  background:#00A6E6;
  color:white;
  padding:10px;
  display:flex;
  justify-content:space-between;
}

.container { display:flex; }

.sidebar {
  width:200px;
  background:#fff;
  border-right:1px solid #ddd;
  height:calc(100vh - 60px);
  padding:10px;
}

.sidebar button {
  width:100%;
  margin-bottom:10px;
}

.content { flex:1; padding:10px; }

table {
  width:100%;
  border-collapse:collapse;
  background:white;
}

th {
  background:#00A6E6;
  color:white;
}

td, th {
  border:1px solid #ddd;
  padding:5px;
  text-align:center;
}

.locked { background:#ddd; }

.notif-box {
  display:none;
  position:absolute;
  right:10px;
  background:white;
  border:1px solid #ccc;
  width:250px;
  max-height:300px;
  overflow:auto;
}