@font-face{font-family:Roboto;src:url(/assets/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Roboto,sans-serif;background-color:#212121;color:#f3f3f3;margin:0;padding:0;height:100vh}.app-container{display:flex;height:100vh}.sidebar{flex:0 0 100px;background-color:#3e3e3e;padding-top:20px;margin:10px;border-radius:8px;position:relative}.sidebar ul{list-style-type:none;padding:0}.sidebar ul li{padding:8px;text-align:center}.sidebar ul li a{text-decoration:none;color:#f3f3f3;display:block;padding:4px}.sidebar a:hover{background-color:#c00;transition:background-color .3s ease}.sidebar-footer{position:absolute;bottom:25px;width:100%;text-align:center}.logout-link{cursor:pointer;display:inline-flex;align-items:center;gap:8px}.logout-link svg{width:1em;height:.9em;padding-right:3px}div.content{flex:1;padding:1px 10px;overflow-y:auto}button{font-family:Roboto,sans-serif;padding:10px 20px;background-color:red;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#c00}