body {
     margin: 1rem;
 }

 nav {
     margin: -1rem -1rem 0 -1rem;
 }

 ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
     background-color: #160a0a;
 }

 li {
     float: left;
     border-right: 1px solid #d1d1d1;
 }

 li:last-child {
     border-right: none;
 }

 li a {
     display: block;
     color: white;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
 }

 li a:hover:not(.active) {
     background-color: #4d2121;
 }

 .active {
     background-color: #caa604;
 }

 #userInfo {
     display: inline-block;
     padding: 14px 16px;
     color: white;
 }

 table {
     border-collapse: collapse;
     width: 100%;
     margin-top: 1rem;
 }

 th,
 td {
     border: 1px solid #ccc;
     padding: 0.5rem;
     text-align: left;
 }

 th {
     background-color: #f0f0f0;
 }

 .task-entry {
     margin-bottom: 1rem;
     padding: 1rem;
     border: 1px solid #ccc;
     border-radius: 8px;
     background-color: #f9f9f9;
 }

 .task-entry span {
     display: block;
     margin-bottom: 0.3rem;
 }

 .control-run {
     margin: 1rem;
     padding: 0.5rem;
     border-left: 2px solid #aaa;
     background-color: #fff;
     margin-bottom: 0.5rem;
 }