:root{--background-color: #1c1b1b;--background-transparent: rgba(255, 255, 255, .07);--primary-color: #473f41;--secondary-color: #bebebe;--accent-color: #d40074;--box-primary-color: #473f41;--border-color: #f0eeee;--font-family: Arial, sans-serif;--font-color: #f9f9f9}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:scroll;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:25px}::-webkit-scrollbar-track{background-color:transparent;border-radius:.5rem}::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:.5rem;border-inline:4px solid transparent}body{font-family:var(--font-family);color:var(--font-color);background-color:var(--background-color);margin:0;padding:0}.container{display:flex;height:100vh}.main-content-wrapper{width:100%}.sidebar{width:20%;background-color:var(--sidebar-bg-color);padding:1rem;box-shadow:var(--box-shadow)}.sidebar-logo{margin-bottom:20px}.sidebar ul{list-style:none;padding:0}.sidebar li{padding:1rem;border:1px solid var(--border-color);margin-bottom:1rem;text-align:center;border-radius:var(--border-radius);cursor:pointer;transition:background-color .3s;color:#fff}.sidebar li:hover{background-color:var(--hover-bg-color)}.main-content{flex-grow:1;height:100%}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.main-header h1{font-size:var(--font-size-h1);margin:0}button{background-color:var(--accent-color);color:var(--font-color);border:1px solid var(--border-color);border-radius:5px;cursor:pointer}