html{min-height:100%}html,body{height:100%;overflow:hidden;font-family:DM Sans,sans-serif}body{overflow-y:hidden;margin:0;padding:0;background-color:#f5f5f5}h1,h2,h3,h4{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}li button{background:none;border:none;color:inherit;font-size:inherit;cursor:pointer;display:flex;align-items:center;width:100%;text-align:left;padding:0}.panel{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.layout{display:grid;grid-template-columns:260px 1fr 365px;grid-template-rows:auto 1fr;grid-template-areas:"sidebar header header" "sidebar main-content right-panel";height:100vh}.sidebar{grid-area:sidebar;background-color:#2f2f2f}.mobile-sidebar{display:none}.main-content{grid-area:main-content;background-color:#f5f5f5;overflow-y:auto;padding-top:8px;flex-grow:1;display:flex;flex-direction:column;position:relative}.right-panel{grid-area:right-panel;background-color:#f5f5f5;overflow-y:auto}.floating-icons{display:none}.bottom-icons{display:none;position:sticky;background-color:#fff;padding:10px;justify-content:space-around;box-shadow:0 -2px 10px #0000001a}.mobile-menu-button{display:none;position:fixed;top:10px;left:10px;z-index:101;background:none;border:none;font-size:24px;cursor:pointer}@media (max-width: 1024px){.layout{grid-template-columns:250px 1fr;grid-template-areas:"sidebar header" "sidebar main-content"}.right-panel{display:none}.floating-icons{display:block;position:fixed;right:0;top:300px}}@media (max-width: 768px){.layout{grid-template-columns:1fr;grid-template-areas:"header" "main-content"}.sidebar{display:none}.mobile-menu-button{display:block}.mobile-sidebar{display:block;position:fixed;top:0;left:0;bottom:0;width:260px;background-color:#2f2f2f;z-index:100;padding:20px;box-shadow:2px 0 10px #0003}.bottom-icons{display:flex}}.flip-icon{transform:scale(-1)}.lightblue{color:#139cd2}.darkblue{color:#036}.yellow{color:#fede08}