*{margin:0;padding:0;box-sizing:border-box}.global-container{padding:20px 60px}header{background-color:#f5f5f5;color:#333;height:60px;padding:0 20px;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;z-index:1000}header,header nav{display:flex;align-items:center;width:100%}header nav{justify-content:space-between}header .logo{font-size:24px;font-weight:700}header .menu{display:flex;align-items:center}header .menu span{margin-right:10px}header .menu button{margin-left:10px}.sidebar-container{display:flex;flex-direction:column;width:230px;background-color:#f2f2f2;color:#333;height:calc(100vh - 60px);position:fixed;left:0;top:60px;padding:10px;box-shadow:2px 0 5px rgba(0,0,0,.1)}.sidebar-container nav ul{list-style-type:none;padding:0}.sidebar-container nav ul li{margin:10px 0}.sidebar-container nav ul li a{color:#333;text-decoration:none;font-size:14px;display:flex;align-items:center;padding:10px;border-radius:4px;transition:background-color .3s ease}.sidebar-container nav ul li a:hover{background-color:#dcdcdc}.sidebar-container nav ul li a svg{margin-right:10px;fill:#ecf0f1}.main-content,.main-content-with-sidebar{padding:20px;flex-grow:1;margin-top:40px}.main-content-with-sidebar{margin-left:200px}body,html{font-family:Arial,sans-serif;background-color:#f0f0f0;color:#333}a{color:inherit}a,a:hover{text-decoration:none}