.main-content-wrapper{display:flex;margin:0 auto;max-width:1400px;padding:50px 20px}.sidebar{flex:0 0 300px;margin-right:50px}.main-content-area{flex:1}.sidebar-nav{position:sticky;top:120px}.sidebar-nav .nav-title{font-size:22px;font-weight:700;margin-bottom:25px;color:#333;border-bottom:2px solid #95c121;padding-bottom:10px}.sidebar-nav-button{display:flex;align-items:center;padding:14px 18px;margin-bottom:10px;background:#f8f9fa;border-radius:8px;text-decoration:none;color:#555;transition:all 0.2s ease;box-shadow:0 5px 15px rgba(0,0,0,0.05);border-left:3px solid transparent;font-weight:500}.sidebar-nav-button i{margin-right:12px;color:#95c121;font-size:16px;transition:all 0.2s ease;min-width:25px;text-align:center}.sidebar-nav-button:hover,.sidebar-nav-button.active{background:linear-gradient(to right,rgba(149,193,33,0.1),rgba(255,255,255,0));color:#333;transform:translateX(5px);border-left:3px solid #95c121;box-shadow:0 8px 25px rgba(149,193,33,0.12)}.sidebar-nav-button.active{padding-left:15px}.sidebar-submenu{display:block;padding-left:20px;margin-bottom:20px;margin-top:5px;max-height:0;overflow:hidden;transition:max-height 0.3s ease}.sidebar-nav-button.active + .sidebar-submenu,.mobile-nav-item.active + .sidebar-submenu{max-height:800px}.sidebar-nav-subitem{display:flex;align-items:center;padding:8px 12px;margin-bottom:4px;background:rgba(255,255,255,0.7);border-radius:6px;text-decoration:none;color:#555;transition:all 0.2s ease;border-left:2px solid transparent;line-height:1.3}.sidebar-nav-subitem i{margin-right:10px;color:#95c121;font-size:12px;transition:all 0.2s ease}.sidebar-nav-subitem:hover{background:rgba(149,193,33,0.1);color:#333;transform:translateX(3px);border-left:2px solid #95c121}.sidebar-nav-subitem.active{background:rgba(149,193,33,0.15);color:#333;font-weight:500;transform:translateX(3px);border-left:2px solid #95c121}.sidebar-submenu .sidebar-nav-subitem.active{color:#95c121;font-weight:600;background:rgba(149,193,33,0.1)}.mobile-accordion{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.05);margin-bottom:20px}.mobile-accordion-header{background:linear-gradient(to right,rgba(255,255,255,0.9),rgba(240,240,240,0.9));padding:15px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-left:3px solid #95c121;transition:all 0.3s ease}.mobile-accordion-header h3{margin:0;font-size:18px;display:flex;align-items:center}.mobile-accordion-header i,.mobile-accordion-header h3 i{color:#95c121;margin-right:10px}.mobile-accordion-header .toggle-icon{color:#95c121;font-size:16px;transition:transform 0.3s ease}.mobile-accordion-header.active{background:linear-gradient(to right,rgba(149,193,33,0.1),rgba(255,255,255,0.9))}.mobile-accordion-header.active .toggle-icon{transform:rotate(180deg)}.mobile-accordion-body{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0,1,0,1)}.mobile-accordion-body.active{max-height:1000px;transition:max-height 0.4s cubic-bezier(1,0,1,0)}.mobile-accordion-content{padding:15px;background:#fcfcfc}.mobile-nav-item{display:flex;align-items:center;padding:12px 15px;margin:5px 0;background:#fff;border-radius:8px;text-decoration:none;color:#333;transition:all 0.3s ease;border-left:2px solid transparent}.mobile-nav-item:hover,.mobile-nav-item:active,.mobile-nav-item.active{background:rgba(149,193,33,0.05);border-left:2px solid #95c121;transform:translateX(3px)}.mobile-nav-item i{color:#95c121;margin-right:10px;min-width:20px;text-align:center}.sidebar{display:none}.mobile-accordion-container{display:block;margin-bottom:30px}@media (max-width:768px){.sidebar-nav{margin:0 -10px}.sidebar-nav .nav-title{font-size:20px;text-align:center;padding-bottom:8px;margin-bottom:15px}.sidebar-nav-button{margin-bottom:10px;padding:14px 15px}.main-content-area{padding:0 10px}.mobile-accordion-container .sidebar-submenu{padding-left:15px;margin-top:0}.sidebar-nav-subitem{padding:6px 10px;font-size:12px;margin-bottom:3px}}@media (max-width:991px){.main-content-wrapper{flex-direction:column}.sidebar{flex:0 0 100%;margin-right:0;margin-bottom:40px}.sidebar-nav{position:relative;top:0}}@media (max-width:480px){.sidebar-nav-button{padding:16px 15px}.sidebar-nav-button i{font-size:20px}.main-content-wrapper{padding:30px 10px}}@media (min-width:768px){.sidebar{display:block}.mobile-accordion-container{display:none}}