@tailwind base;@tailwind components;@tailwind utilities;body{font-family:system-ui,Helvetica,Arial,sans-serif;margin:0;padding:0;width:100vw;height:100vh;background-color:#121212;overflow-x:hidden}body{background-color:#f4f4f4;color:#1a1a1a}body.dark{background-color:#1a1a1a;color:#b3b3b3}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar *{background-color:transparent}::-webkit-scrollbar-thumb{background:#652a0e;border-radius:6px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}#sidebar{transition:all .3s ease-in-out;transform:translate(0)}#sidebar.sidebar-hidden{transform:translate(-100%);opacity:0}#sidebar.sidebar-visible{transform:translate(0);opacity:1}#sidebar{z-index:40}header{z-index:50}.main-content{transition:all .3s ease-in-out}@media (max-width: 1023px){#sidebar{max-width:95vw;margin:1rem auto}}#sidebar{scrollbar-width:thin;scrollbar-color:#652A0E transparent}@media (max-width: 1024px){.dark .main-content{background-color:#1a1a1a!important;color:#fff!important}.dark body{background-color:#121212!important}}.sidebar-visible{transform:translate(0);opacity:1}.sidebar-hidden{transform:translate(-100%);opacity:0}#sidebar{transition:transform .3s ease-in-out,opacity .3s ease-in-out}