@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";html,body{margin:0;padding:0;height:100%;width:100%;box-sizing:border-box;font-family:Montserrat,sans-serif}body{margin:0;padding:0;background-color:#22161c;color:#fff}#root{display:flex;height:100vh;width:100%}aside.sidebar{background-color:#311a26;height:100vh;width:250px;border-width:0 1px 0 0;border-style:solid;border-color:#6c3652;overflow:hidden;position:relative;box-sizing:border-box;padding:.5em}aside.sidebar nav{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:10px}aside.sidebar nav .sidebar-section{width:100%;background:#311a26;padding:10px 0;color:#fff;display:flex;flex-direction:column;gap:10px;position:relative}aside.sidebar nav .sidebar-section.open{background:#22161c}aside.sidebar nav .sidebar-section .chevron{position:absolute;right:0;top:0}aside.sidebar nav .sidebar-section .sidebar-item{color:#fff;text-decoration:none;display:flex;flex-direction:row;gap:10px;font-size:18px}aside.sidebar nav .sidebar-section .sidebar-item:hover{background:#22161c}aside.sidebar nav .sidebar-section .sidebar-item.active{color:#db2777;background:none}aside.sidebar nav .sidebar-section:hover{background:#22161c}.content-container{flex:1;display:flex;flex-direction:column;background-color:#22161c;overflow:hidden}.content-container header{height:60px;padding:10px;box-sizing:border-box;background-color:#190f14;border-bottom:1px solid #6c3652;display:flex;align-items:center;justify-content:flex-end}.content-container header .top-heading{display:flex;align-items:center;justify-content:flex-end;gap:10px}.content-container header .top-heading a{color:#fff;text-decoration:none;font-size:18px;padding:10px;border-radius:5px;background-color:#311a26;transition:background-color .3s ease}.content-container header .top-heading a:hover{background-color:#db2777}.content-container div{flex:1;overflow-y:auto;padding:1rem}