.sidebar{padding:20px;border-radius:12px;height:auto;transition:all .3s ease-in-out;border:none}.sidebar h3{font-size:22px;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #f3948f;padding-bottom:10px}.sidebar ul{list-style:none;padding:0}.sidebar li{margin-bottom:15px}.sidebar a{text-decoration:none;font-size:16px;font-weight:500;display:flex;align-items:center;padding:8px 12px;border-radius:8px;transition:all .3s ease}.sidebar li:hover a{border-radius:8px;transform:translateX(10px);box-shadow:0 2px 5px rgba(0,0,0,.2)}.sidebar li.active a,.sidebar li:hover a{background-color:#999999;color:white!important}.sidebar li.active a{font-weight:600}.sidebar li.active:hover a{background-color:#888888;color:white!important}.sidebar a svg{margin-right:10px;font-size:20px;transition:transform .3s ease}.sidebar a:hover svg{transform:scale(1.1)}.sidebar.closed{transform:translateX(-100%);position:absolute;top:0;left:0;height:100vh;background:white;box-shadow:2px 0 5px rgba(0,0,0,.2)}.sidebar.open{transform:translateX(0)}.sidebar-toggle{position:fixed;top:10px;right:10px;background:#f3948f;border:none;color:white;padding:10px;border-radius:8px;cursor:pointer;z-index:100}@media (min-width:768px){.sidebar-toggle{display:none}}@media (max-width:768px){.sidebar{width:250px;margin-bottom:10px;padding:15px}.sidebar h3{font-size:18px;margin-bottom:15px}.sidebar a{font-size:14px;padding:6px 10px}}