.main-container{display:flex;flex-direction:row}.sidebar-container{flex:1 0 30%;max-height:calc(100vh - 40px);overflow-y:auto;padding:20px;position:sticky;top:0}.sidebar-header{cursor:pointer;font-size:1rem}.sidebar-list{display:none;list-style:none;padding:0}.sidebar-item{background:#f2f2f2;border-radius:8px;margin-bottom:10px;padding:10px}.sidebar-link{color:#000;text-decoration:none}.detail-container{flex:1 1 auto;padding:0 20px}.sidebar-list.open{display:block}.sidebar-item:has(.active){background:#e0e0e0;border-left:3px solid #007bff}.sidebar-link.active{color:#007bff;font-weight:700}.sidebar-item:hover{background:#e6e6e6;transition:background .2s ease}.toggle-icon{display:inline-block;text-align:center;transition:transform .2s ease;width:16px}.sidebar-header{transition:color .2s ease}.sidebar-header:hover{color:#007bff}.mobile-dropdown{display:none;padding:15px}.mobile-dropdown-title{font-size:18px;font-weight:700;margin-bottom:10px}@media (max-width:767px){.main-container{flex-direction:column}.sidebar-container{display:none}.mobile-dropdown{display:block;margin-bottom:20px;width:100%}.mobile-category-select,.mobile-select{background-color:#fff;border:1px solid #ccc;border-radius:8px;font-size:16px;padding:10px;width:100%}.mobile-category-select{margin-bottom:10px}.detail-container{padding:0 15px}.custom-grid-layout{padding:0 10px}}