:root{--bg-primary: #54c2bc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;scroll-behavior:smooth}.loader{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #54c2bc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{transition:transform .3s ease-in-out}.sidebar-item{transition:all .2s ease}.sidebar-item:hover{background-color:#f3f4f6}.sidebar-item.active{background-color:#f0f9ff;color:#54c2bc;font-weight:600}@media (max-width: 767px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:40;box-shadow:4px 0 12px #0000001a}}