.app-container{flex-direction:column;width:100%;height:100vh;display:flex}.title-bar{color:#fff;background-color:#2c3e50;flex-shrink:0;align-items:center;height:60px;padding:0 20px;display:flex}.main-layout{flex-direction:row;flex-grow:1;display:flex;overflow:hidden}.sidebar{background-color:#ecf0f1;flex-direction:column;flex-shrink:0;width:100px;padding:20px;display:flex;overflow-y:auto}.sidebar ul{list-style:none}.sidebar li{margin-bottom:10px}.sidebar a{color:#34495e;border-radius:4px;padding:8px;font-weight:700;text-decoration:none;display:block}.sidebar a:hover{background-color:#bdc3c7}.content{background-color:#fff;flex-grow:1;padding:20px;overflow-y:auto}@media (width<=768px){.main-layout{flex-direction:column}.sidebar{flex-shrink:1;width:100%}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.header-container{color:#fff;background-color:#2c3e50;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.pageTitle{flex-direction:column;flex-shrink:0;padding:20px;display:flex;overflow-y:auto}.right-section{gap:10px;display:flex}nav p{text-align:center;font-size:larger;text-decoration-line:underline}